鍍金池/ 問答/HTML/ vue 事件修飾符阻止事件捕獲沒有生效

vue 事件修飾符阻止事件捕獲沒有生效

我給元素綁定了mouseenter事件 在這個元素里有個div.clearfix子元素 其實就是一個二級菜單 正常情況下這個div。clearfix二級菜單是通過opacity 0 隱藏的 然后鼠標移動到li的上面這個二級菜單出來opacity變成1
現(xiàn)在有個問題就是 我只想鼠標移入li的時候把二級菜單顯示出來 但是現(xiàn)在鼠標移到li的下面二級菜單也能出來 我想了想應該是由于二級菜單的隱藏是通過opacity 0來隱藏的 所以雖然菜單是隱藏了 但是元素還是存在li的下面 存在于頁面的
然后我想通過阻止事件捕獲來解決這個問題 貌似不想作用 我添加了事件修飾符沒有作用 在vue里面就這樣添加事件修飾符應該就可以了呀 為什么沒有作用了
圖片描述

回答
編輯回答
真難過

.capture事件修飾符的作用添加事件偵聽器時使用事件捕獲模式

即是給元素添加一個監(jiān)聽器,當元素發(fā)生冒泡時,先觸發(fā)帶有該修飾符的元素。若有多個該修飾符,則由外而內(nèi)觸發(fā)。
就是誰有該事件修飾符,就先觸發(fā)誰。

.stop修飾符是用來阻止冒泡事件的發(fā)生的

你可以給div.clearfix元素加上mouseenter.native.stop事件

2018年1月2日 07:04