vue 移动端 better-scroll

Question

使用better-scroll插件来实现x轴滑动的效果
参考的是https://zhuanlan.zhihu.com/p/...
上面说
列表的数据往往都是异步获取的，因此我们初始化 better-scroll 的时机需要在数据获取后
此代码为布局
<div slot="content" class="tips product_button wrapper" ref="wrapper">

        <div class="scrool_content">
          <checker v-model="checkedMembers" type="checkbox" default-item-class="demo1-item" @on-change="memberChange" selected-item-class="demo1-item-selected">
            <checker-item v-for="item in members" @on-item-click="itemClick" :disabled="isTip" :key="item.personid" :value="item">
              {{item.name}}
            </checker-item>
          </checker>
      </div>
    </div>

上面的布局实现的效果

参照的文档中有段代码是关于异步初始化better-scroll的 
 created() {
  requestData().then((res) => {
    this.data = res.data
    this.$nextTick(() => {
      this.scroll = new Bscroll(this.$refs.wrapper, {})
    })
  })
}
看的不是很明白,希望有人可以我这个菜鸟一二 
请问我该怎么获取ref="wrapper"这个属性呢,在哪个方法中初始化better-scroll

Answer 1

首先，ref="wrapper"这个不用你去获取，ref这个属性就相当于id，vue中可以直接通过”this.$refs.ref名称“获取到对应的dom
其次，在那个方法中初始化，你在前面也都说了在数据获取之后，一般的数据通过ajax或者promise形式获取后在对应的success或者then中去初始化，因为这个时候你需要的数据已经返回来了