0

代码中当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>

1个回答

0

已采纳

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

撰写答案