首页 > 编程知识 正文

vue事件委托,vue事件传递方式

时间:2023-05-05 04:32:00 阅读:170845 作者:2499

什么是案件委托?事件委托,别名事件代理。 委托事件是利用事件冒泡将子元素中的事件与父元素关联。 如果子要素阻止了事件冒泡,委托就无法实现。

好处:

提高性能,减少事件绑定,减少内存使用量。

)事件泡沫是指由内而外,由具体目标节点元素触发,逐渐向上传递至根节点。 )

如何用事件委托我们办案通常用在列表上。 这里以列表为例:

1 .将自定义特性动态绑定到每个循环的标签。

2 .将事件绑定到统一的父元素。

3 .在事件中,可以从事件对象中获取自定义属性的值

代码展示templatedivclass=' home ' ul @ click=' click ' liv-for=' (item,index ) (in 100 (: key=(item ) v-bind 3: ) //获取通过e.target.dataset .自定义属性名称},}/script进行。 如果事件需要参数,并且还需要事件对象,则传递的第一个参数是事件对象。 事件对象使用$event传递。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。