在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

回答
編輯回答
真難過

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

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

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

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

2018年1月2日 07:04