资讯专栏INFORMATION COLUMN

vue的事件委托实现

zhonghanwen / 3047人阅读

摘要:先上代码结果说明注册一个事件到上,在利用寻找到点击的目标,绑定了渲染数据列表的索引,在函数中获取到了利用获取我们前面绑定的的索引注如果把改成那么得到的就是里面的的内容,需要什么就绑定什么,灵活绑定

先上代码

结果

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

:data-index="item.text"

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/57590.html

相关文章

  • vue事件委托实现

    摘要:先上代码结果说明注册一个事件到上,在利用寻找到点击的目标,绑定了渲染数据列表的索引,在函数中获取到了利用获取我们前面绑定的的索引注如果把改成那么得到的就是里面的的内容,需要什么就绑定什么,灵活绑定 先上代码showImg(https://segmentfault.com/img/bV97JO?w=822&h=863); 结果showImg(https://segmentfault.co...

    BingqiChen 评论0 收藏0
  • vue事件委托实现

    摘要:先上代码结果说明注册一个事件到上,在利用寻找到点击的目标,绑定了渲染数据列表的索引,在函数中获取到了利用获取我们前面绑定的的索引注如果把改成那么得到的就是里面的的内容,需要什么就绑定什么,灵活绑定 先上代码showImg(https://segmentfault.com/img/bV97JO?w=822&h=863); 结果showImg(https://segmentfault.co...

    yiliang 评论0 收藏0
  • 前端面试题大集合:来自真实大厂532道面试题(只有题,没有答案)

    答案自己谷歌或百度找。 一、来源背景 面试题是来自微博@牛客网发布的真实大厂前端面经题目,我一直在收集题目长期一个一个的记录下来的,可能会有重复,但基本前端的面试大纲和需要掌握的知识都在其中了,面试题仅做学习参考,学习者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。 二、532道前端真实大厂面试题 express和koa的对比,两者中间件的原理,koa捕获异常多种情...

    Kerr1Gan 评论0 收藏0
  • 前端面试题大集合:来自真实大厂532道面试题(只有题,没有答案)

    答案自己谷歌或百度找。 一、来源背景 面试题是来自微博@牛客网发布的真实大厂前端面经题目,我一直在收集题目长期一个一个的记录下来的,可能会有重复,但基本前端的面试大纲和需要掌握的知识都在其中了,面试题仅做学习参考,学习者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。 二、532道前端真实大厂面试题 express和koa的对比,两者中间件的原理,koa捕获异常多种情...

    lushan 评论0 收藏0
  • 前端面试题大集合:来自真实大厂532道面试题(只有题,没有答案)

    答案自己谷歌或百度找。 一、来源背景 面试题是来自微博@牛客网发布的真实大厂前端面经题目,我一直在收集题目长期一个一个的记录下来的,可能会有重复,但基本前端的面试大纲和需要掌握的知识都在其中了,面试题仅做学习参考,学习者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。 二、532道前端真实大厂面试题 express和koa的对比,两者中间件的原理,koa捕获异常多种情...

    joyvw 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<