问题:
Vue 折叠组件使用多次新建better-scroll,导致单击事件重复调用
解决:
新建better-scroll时,增加条件判断,
如果不存在Bscroll对象时生成新Bscroll对象,
若存在,调用Bscroll的方法refresh(),复用之前的better-scroll对象
例如
if (!this.listScroll) {
this.listScroll = new Bscroll(this.$refs.listContent, {
click: true
})
} else {
// 复用Bscroll
this.listScroll.refresh()
}