下面这种场景我们使用vue到底该怎么实现好？
页面有A、B两个tag和一个列表List
当选择A的时候List 展示 abc三列，且会去服务端拉取A筛选出来的列表数据
当选择B的时候List 展示 bcd三列，且会去服务端拉取B筛选出来的列表数据
我现在拉数据的动作在Watch里面，监听A\B的变化，就是A、B实际发生变化后才去拉数据，拉数据之前列表显示列就从abc切换到了bcd，然后列表新数据回来后又重新渲染一次，这样导致页面抖动，感觉体验不是很好。
这种情况大家一般都怎么做呢？
《没说明白直接看代码吧》
code.juejin.cn
页面有A、B两个tag和一个列表List
当选择A的时候List 展示 abc三列，且会去服务端拉取A筛选出来的列表数据
当选择B的时候List 展示 bcd三列，且会去服务端拉取B筛选出来的列表数据
我现在拉数据的动作在Watch里面，监听A\B的变化，就是A、B实际发生变化后才去拉数据，拉数据之前列表显示列就从abc切换到了bcd，然后列表新数据回来后又重新渲染一次，这样导致页面抖动，感觉体验不是很好。
这种情况大家一般都怎么做呢？
《没说明白直接看代码吧》
code.juejin.cn
展开
19
1
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)