天天看点

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

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