博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的事件委托实现
阅读量:6693 次
发布时间:2019-06-25

本文共 221 字,大约阅读时间需要 1 分钟。

先上代码

图片描述

结果

图片描述

说明:

(1)注册一个事件到ul上,在利用e.target寻找到点击的目标,
(2):data-index绑定了渲染数据列表的索引,
(3)在example函数中获取到了e.target,
(4)利用getAttribute获取我们前面绑定的data-index的索引
注:如果把data-index改成

:data-index="item.text"

那么得到的就是list里面的text的内容,需要什么就绑定什么,灵活绑定

图片描述

转载地址:http://xwjoo.baihongyu.com/

你可能感兴趣的文章
可能是把Java内存区域讲的最清楚的一篇文章
查看>>
PHP中的几个随机数生成函数
查看>>
Anaconda不同envs的pip和python的版本
查看>>
深度学习与神经网络:最值得关注的6大趋势
查看>>
给SUBVERSION-EDGE和GITLAB-CE增加多LDAP域认证支持的经历
查看>>
SQLServer之创建全文索引
查看>>
如何以并发方式在同一个流上执行多种操作?--复制流
查看>>
Spring Boot 参考指南(开发Web应用程序)
查看>>
策略模式总结
查看>>
关于作用域插槽的理解
查看>>
javascript块级作用域处理闭包和释放内存的垃圾回收
查看>>
快速入门React
查看>>
正则表达式语法入门
查看>>
关于顶级、一级、二级域名如何理解?
查看>>
为什么点积等价于投影后的乘积?
查看>>
关于pug的笔记
查看>>
系统优化怎么做-Linux系统配置优化
查看>>
encodeuricomponent VS encodeuri
查看>>
xxl-job之调度中心启动源码分析(一)
查看>>
微信公众号开发Django-JSSDK授权
查看>>