解決問題:使用vue-seamless-scroll發現只有鼠標懸浮上去才滾動,而且滾動一次停止了
目標效果:
解決方案:
最后發現是因為數據需要在頁面掛載好就賦值,否則頁面在加載完成后,數據無法自動滾動。但因為數據是網絡傳輸獲取的,所以采用獲取到數據后,重新渲染這一塊頁面的解決方式解決。
解決步驟:
聲明變量
在vue-seamless-scroll外部的div上添加v-if="flagList"
在獲取到數據后添加如下代碼:
this.flagList = falsethis.$nextTick(() => {this.flagList = true;
});