v-if会出现多个better-scroll只初始化一次;
解决:采用v-show
v-show会出现为false的better-scroll滚动不了(display为none的元素是获取不到高度的);
解决方案一:better-scroll初始化时判断v-show的值是否为true且better-scroll还未初始化的情况下进行初始化;
解决方案二:如下代码
import BScroll from "better-scroll";
export default {
data() {
return {
scroll: null,
};
},
mounted() {
this.scroll = new BScroll(this.$refs.wrapper, {
click: true,
});
},
updated() {
if (this.scroll.scrollerHeight === 0) {
this.scroll.refresh();
}
},
};