天天看點

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

第三個參數就是你想要的答案。