vue vantUI tab切換時 list組件不觸發(fā)load事件的問題及解決方法
更新時間：2020年02月14日 08:42:44 作者：雨天吶
這篇文章主要介紹了vue vantUI tab切換時 list組件不觸發(fā)load事件的解決辦法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
最近由于公司項(xiàng)目需要，用vue寫了幾個簡單的頁面。用到了vantUI
瀑布流滾動加載，用于控制長列表的展示 當(dāng)列表即將滾動到底部時，會觸發(fā)事件并加載更多列表項(xiàng)。
（頁面加載完成后默認(rèn)會自動加載一次，可以:immediate-check="false"
這樣設(shè)置一下，頁面加載完成后就不會自動加載一次了
）
看上去一切都很美好；但是tab進(jìn)行切換的時候，list組件的load事件不會再次被觸發(fā)?。?！就是list組件做上拉加載只有在第一個tab會觸發(fā)，切換后觸底不會再次觸發(fā)
解決辦法：
初始化定義了list的加載狀態(tài)
tab切換時；重新初始化一次就行了
這樣就解決了tab切換list組件不能再次被觸發(fā)的問題
總結(jié)
以上所述是小編給大家介紹的vue vantUI tab切換時 list組件不觸發(fā)load事件的問題及解決方法，希望對大家有所幫助！
相關(guān)文章
vue項(xiàng)目中openlayers繪制行政區(qū)劃
這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目中openlayers繪制行政區(qū)劃，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
Vue2.0使用嵌套路由實(shí)現(xiàn)頁面內(nèi)容切換/公用一級菜單控制頁面內(nèi)容切換(推薦)
這篇文章主要介紹了Vue2.0使用嵌套路由實(shí)現(xiàn)頁面內(nèi)容切換/公用一級菜單控制頁面內(nèi)容切換,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
vue中提供了一種混合機(jī)制--mixins，用來更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用。下面給大家談?wù)勎覍ue中mixin的一點(diǎn)理解，需要的朋友參考下吧2017-12-12
vue3實(shí)現(xiàn)alert自定義的plugins方式
這篇文章主要介紹了vue3實(shí)現(xiàn)alert自定義的plugins方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改的解決
本文主要介紹了vue中el-select中多選回顯數(shù)據(jù)后沒法重新選擇和更改解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
今天小編就為大家分享一篇關(guān)于實(shí)例講解v-if和v-show的區(qū)別，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
在Vue項(xiàng)目和微信小程序中生成二維碼和條形碼是一個常見的需求,主要用于分享、產(chǎn)品識別等場景,這篇文章主要給大家介紹了關(guān)于使用Vue3生成二維碼和條形碼的相關(guān)資料,需要的朋友可以參考下2024-09-09
今天小編就為大家分享一篇Vue實(shí)現(xiàn)頁面添加水印功能，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
前端vue框架select下拉數(shù)據(jù)量過大造成卡頓問題解決辦法
這篇文章主要給大家介紹了關(guān)于前端vue框架select下拉數(shù)據(jù)量過大造成卡頓問題解決辦法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用select具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
vue音樂播放器插件vue-aplayer的配置及其使用實(shí)例詳解
本篇文章主要介紹了vue音樂播放器插件vue-aplayer的配置及其使用實(shí)例詳解，具有一定的參考價值，有興趣的可以了解一下2017-07-07