问题: 在移动端加了better-scroll后,better-scroll组件中的所有@click事件都失效了
解决:
在dom结构加载完成时才执行初始化
<div class="wrapper" ref="wrapper">
<div class="content">
<ul>
<li></li>
</ul>
</div>
</div>
mounted() {
this.$nextTick(() => {
if(!this.scroll){
//$refs绑定元素
let bscrollDom = $(this.$el).find(".wrapper")[0];
// 也可以用$refs获取元素
// let bscrollDom = this.$refs.wrapper;
this.scroll = new BScroll(bscrollDom, {
//开启点击事件 默认为false
click:true,
eventPassthrough: true,
scrollY: true
})
}else{
this.scroll.refresh()
}
})
}
注意:
如果页面中有修改数据导致滚动高度变化的,需要重新调用this.scroll.refresh()