better-scroll失效

来源：8-5 Vue项目城市选择页 - 页面的动态数据渲染

qq_CMD_1

2021-09-27

当前城市

北京

热门城市

    <div class="area" v-for="(item, key) of cities" :key="key">
      <div class="title border-topbottom">{{key}}</div>
        <div class="item-list">
          <div class="item border-bottom" v-for="innerItem of item" :key="innerItem.id">{{innerItem.name}}</div>
        </div>
    </div>
  </div>
</div>

写回答

2回答

Dell_xiao

2022-02-18

下载1.0.0到1.9.0版本的better-scroll就不会有问题。better-scroll2X就会问题，点击事件执行后就滑不动，必须重新刷新页面才有效果。refresh()页面更新前（updata）加这个也没有用,这是2X的bug。下载命令（npm i better-scroll@^1.8.1）或者用yarn(yarn add better-scroll).

第二种方法：

页面更新时重新刷新这个插件（但发现第一次点击进入city页面会有bug，scroll插件失效）

updated() {

this.scroll && this.scroll.refresh();

下载视频