1. 程式人生 > 程式設計 >vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

最近由於公司專案需要,用vue寫了幾個簡單的頁面。用到了vantUI

List 列表

瀑布流滾動載入,用於控制長列表的展示 當列表即將滾動到底部時,會觸發事件並載入更多列表項。

(頁面載入完成後預設會自動載入一次,可以:immediate-check="false"

這樣設定一下,頁面載入完成後就不會自動載入一次了

vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

看上去一切都很美好;但是tab進行切換的時候,list元件的load事件不會再次被觸發!!!就是list元件做上拉載入只有在第一個tab會觸發,切換後觸底不會再次觸發

解決辦法:

初始化定義了list的載入狀態

vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

tab切換時;重新初始化一次就行了

vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法

這樣就解決了tab切換list元件不能再次被觸發的問題

總結

以上所述是小編給大家介紹的vue vantUI tab切換時 list元件不觸發load事件的問題及解決方法,希望對大家有所幫助!