鍍金池/ 問答/HTML/ 如何讓父元素設(shè)置不可點后，子元素也不可點？求各路大牛指點

如何讓父元素設(shè)置不可點后，子元素也不可點？求各路大牛指點

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

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

2018年2月1日 12:27