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

鍍金池/ 問(wèn)答/HTML/ 如何讓父元素設(shè)置不可點(diǎn)后,子元素也不可點(diǎn)?求各路大牛指點(diǎn)

如何讓父元素設(shè)置不可點(diǎn)后,子元素也不可點(diǎn)?求各路大牛指點(diǎn)

代碼中當(dāng)index為234時(shí),樣式設(shè)置為不可點(diǎn)擊狀態(tài),然后當(dāng)點(diǎn)擊的時(shí)候,卻可以觸發(fā)a里面的事件,如何讓當(dāng)點(diǎn)擊不可點(diǎn)擊的li時(shí),也不觸發(fā)a里面的時(shí)間呢?用style='disabled:true'加到li也沒(méi)有效果。求指點(diǎn)

<ul class="float-right">
<li :class="{current:index==currentIndex,disabled:index==1||index==2||index==4}" v-for="(o,index) in itmes" :key="index"><a href="javascript:;" @click="changeSection(index)">{{o}}</a></li>
</ul>
回答
編輯回答
不歸路

1、其實(shí)不可點(diǎn)擊,就是一個(gè)用戶的感知,不代表事件一定不執(zhí)行。
2、你這個(gè)例子,可以在 changeSection 里面做邏輯嘛,在函數(shù)開(kāi)始部分,當(dāng)達(dá)到你的禁用條件后,直接 return null; 就好了,這個(gè)函數(shù)就不執(zhí)行后面的邏輯了,對(duì)于用戶的感知來(lái)說(shuō),就是這個(gè)點(diǎn)擊無(wú)效;
3、當(dāng)然了,如果你非要用css來(lái)搞事情的話,那么還真有這個(gè)樣式:pointer-events: none;,設(shè)置后,就和鼠標(biāo)事件拜拜了,具體功效,你可以自行嘗試,如有疑問(wèn),歡迎Google。

2018年2月1日 12:27