vue移动端 首页下拉空白

使用的是 better-scroll 插件

// 引入插件
import BetterScroll from 'better-scroll'
mounted(){
    new BetterScroll(this.$refs.wrapper, {
      movable: true,
      zoom: true
    })
  },
methods: {
    async getData(){
      let res = await axios({
        url:'/api/index_list/0/data/1'
      });
      this.items = Object.freeze(res.data.data.topBar);
      this.newData = Object.freeze(res.data.data.data);
    },
}

 从代码可以看出，是加载插件，再渲染数据。应该是当dom都加载完毕，再去执行 BetterScroll

可以使用 this.$nextTick() 

methods: {
    async getData(){
      let res = await axios({
        url:'/api/index_list/0/data/1'
      });
      this.items = Object.freeze(res.data.data.topBar);
      this.newData = Object.freeze(res.data.data.data);
      // 当dom都加载完毕了再去执行
      this.$nextTick(() => {
        new BetterScroll(this.$refs.wrapper, {
          movable: true,
          zoom: true
        })
      })
    }
}