如何让父元素设置不可点后，子元素也不可点？求各路大牛指点

Question

代码中当index为234时，样式设置为不可点击状态，然后当点击的时候，却可以触发a里面的事件，如何让当点击不可点击的li时，也不触发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>

Answer 1

1、其实不可点击，就是一个用户的感知，不代表事件一定不执行。
2、你这个例子，可以在 changeSection 里面做逻辑嘛，在函数开始部分，当达到你的禁用条件后，直接 return null; 就好了，这个函数就不执行后面的逻辑了，对于用户的感知来说，就是这个点击无效；
3、当然了，如果你非要用css来搞事情的话，那么还真有这个样式：pointer-events: none;，设置后，就和鼠标事件拜拜了，具体功效，你可以自行尝试，如有疑问，欢迎Google。