v-for中的click事件失效,在使用了better-scroll的情况下
这是我代码,当我点击li的时候,无法实现点击事件,后来找到了错误,原因是因为我使用了better-scroll的原因
<div class="left">
<ul>
<li v-for="(item,index) in list"
:key="index"
:class="{active:number===index}"
@click="getList(item.id,index)">{{ item.name }}</li>
</ul>
</div>
解决方案
better-scroll 默认会阻止浏览器的原生 click 事件。当设置为 true,better-scroll 会派发一个 click 事件
在实例better-scroll的时候配置一下click:true,如下代码,就可以实现点击事件了
let scroll = new BScroll('.left',{
click: true
}