在element中使用@blur无效

@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)。

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

发布了54 篇原创文章 · 获赞 42 · 访问量 8万+

猜你喜欢

转载自blog.csdn.net/qq_42043377/article/details/103602011