如何解决better-scroll初始化加载效果无效？

安装:

npm install better-scroll --save

在所需组件引入:

import BScroll from 'better-scroll';

better-scroll 最常见的应用场景是列表滚动，我们来看一下它的 html 结构:

方法一：调用了$nextTick方法异步函数

调用$nextTick方法,就是为了确保将bettre-scroll的初始化放置在异步请求完成之后。 Vue.js 提供了我们一个获取 DOM 对象的接口—— vm.$refs。在这里，通过了 this.$refs.wrapper访问到了这个 DOM 对象，并且我们在 mounted 这个钩子函数里，this.$nextTick 的回调函数中初始化 better-scroll 。因为这个时候，wrapper 的 DOM 已经渲染了，我们可以正确计算它以及它内层 content 的高度，以确保滚动正常。

 mounted(){
    this.$nextTick(() => {
        new BScroll(wrapper)
        //执行代码
    })
 }

方法二： setTimeout(fn, 20) //（20 ms 是一个经验值，每一个 Tick 约为 17 ms）