关于vue滚动插件vue-j-scroll数据有多变少不可以滚动且抖动问题解决

1. 问题：从码头的9个数据可以滚动到企业的三个数据不能滚动，数据一直在下面且文字抖动。

2，解决方式：在vue-j-scroll标签上添加ref属性（这里用scRef代替），在数据更换结束之后调用 this.$refs.scRef.stop()，就可以轻松解决了

2. 代码

//html结构 
<vue-j-scroll
        class="seamless-warp"
                :data="caseDataList"
                :steep="0.3"
                scrollDirection="top"
                :isRoller="true"
                :rollerScrollDistance="50"
                v-show="caseDataList.length !== 0"
                ref="caseDataListRef"
              >
                <div class="ub-table_body">
                  <ul v-for="(item, i) in caseDataList" :key="i">
                    <li>{{ item.index }}</li>
                    <li
                      class="ub-color_m"
                      @click="handleCaseList(item.type, item.uuid)"
                    >
                      {{ item.name }}
                    </li>
                    <li>{{ item.count }}</li>
                    <li>{{ item.wait }}</li>
                    <li>{{ item.rate }}</li>
                    <li>{{ item.time }}</li>
                  </ul>
                </div>
              </vue-j-scroll>

//js切换数据函数计数据
    async getCaseStatistics() {
      const res = await reqCaseStatistics(this.caseobj);
      this.caseDataList = res.items;
      this.$refs.caseDataListRef.stop();
    },