如何重置virtual-scroll-list？

[lianghuilin]

如图所示，通过Tab切换显示三个VirtualList时，会出现这种情况。
如何能实现每次切换的时候，重置VirtualList的padding样式，使之能恢复最初的加载状态？

[lianghuilin]

我现在是在vue.method代码段里切换显示virtual-list，在这代码段里该怎么设置start呢？
给每个virtual-list的:start都赋值一个变量吗？

我现改成这样，还是不行：

<template>
  <div>
    <!-- 头部tab -->
    <tab @on-index-change="onSelectedChange">
      <tab-item selected>待办任务</tab-item>
      <tab-item>已办任务</tab-item>
      <tab-item>流程通知</tab-item>
    </tab>
    
    <!-- 待办流程 -->
    <virtualList
      :size="80"
      :remain="7"
      :tobottom="loadTodoList" 
      :start="todoStart"
      v-if="selected == 0">
      <todo-item v-for="(task,index) of todoList" :key="index"></todo-item>
    </virtualList>    

    <!-- 已办流程 -->
    <virtualList
      :size="80"
      :remain="7"
      :tobottom="loadDoneList"
      :start="doneStart"
      v-if="selected == 1">
      <done-item v-for="(task,index) of doneList" :key="index"></done-item>
    </virtualList>

    <!-- 消息通知 -->
    <virtualList
      :size="80"
      :remain="7"
      :tobottom="loadNotifyList" 
      :start="notifyStart"
      v-if="selected == 2">
      <notify-item v-for="(task, index) of notifyList" :key="index"></notify-item>
    </virtualList>

    <Loading class="list-loading" :loading='loadDisplay'></Loading>
  </div>
</template>

<script>
  export default {
  	data(){
  		return {
  			todoStart : 0,
	        doneStart : 0,
	        notifyStart : 0
  		}
  	},
  	methods: {
  	  //头部Tab切换
      onSelectedChange(newIndex, oldIndex) {
        let self = this;
        self.selected = newIndex;

        //根据Tab索引加载数据，并重置start
        switch (this.selected) {
          case 0:
            self.todoStart = 0;
            this.loadTodoList();
            break;
          case 1:
            self.doneStart = 0;
            this.loadDoneList();
            break;
          case 2:
            self.notifyStart = 0;
            this.loadNotifyList();
            break;
        }
      },
  	}
  }
</script>

[lianghuilin]

我通过{{todoStart}}打印virtual-list的start值，即便拉动virtual-list到底部，start值都还是0

[tangbc]

start 的作用是设置 virtual-list 滚动的初始选项/位置，virtual-list 在滚动的时候并不会改变它，而且也改变不了，因为 start 是个 props

[lianghuilin]

设置了start，切换显示时还是会有如上问题……

[tangbc]

额，virtual-list 内部对 start 是一个 watch 因为你虽然滚动而且设置了 start 但是它始终是 0，所以
virtual-list 没有检测到 start 的变化，就没有更新初始位置。

这个情况有点特殊，解决办法暂时只能在一个选项卡激活后 start 重置为 0 的同时改变其他未激活选项卡对应的 start，因为未激活的 virtual-list 不可见，所以 start 可以设置成任何一个数字都没关系，以后考虑把超出范围的 start 的警告抛出去掉，没有影响的。

可以参考下这个例子：https://jsfiddle.net/schn03d8/8/

[lianghuilin]

多谢作者的参考案例，我把virtual-list的v-if改成v-show之后就可以啦，再次感谢！