在element中使用@blur无效

谁都会走 提交于 2019-12-18 21:40:10
@blur.native="isVal"// 不好使
@blur.native.capture="isVal()" // 好使

VUE里面使用.capture是啥意思?

<!-- 添加事件侦听器时使用 capture 模式 -->
<div v-on:click.capture="doThis">...</div>

 大佬的回答:

这个涉及到了javascript event,事件操作机制。

我们看下javascript的标准的事件监听函数:

element.addEventListener(<event-name>, <callback>, <use-capture>);

表示在 element 这个对象上面添加一个事件监听器,当监听到有 <event-name> 事件发生的时候,调用 <callback> 这个回调函数。 <use-capture> 这个参数,表示该事件监听是在“捕获”阶段中监听(设置为 true)还是在“冒泡”阶段中监听(设置为 false)。

第三个参数就是你想要的答案。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!