vue vantUI tab切換時(shí) list組件不觸發(fā)load事件的問(wèn)題及解決方法
最近由于公司項(xiàng)目需要，用vue寫(xiě)了幾個(gè)簡(jiǎn)單的頁(yè)面。用到了vantUI
瀑布流滾動(dòng)加載，用于控制長(zhǎng)列表的展示 當(dāng)列表即將滾動(dòng)到底部時(shí)，會(huì)觸發(fā)事件并加載更多列表項(xiàng)。
（頁(yè)面加載完成后默認(rèn)會(huì)自動(dòng)加載一次，可以:immediate-check="false"
這樣設(shè)置一下，頁(yè)面加載完成后就不會(huì)自動(dòng)加載一次了
）
看上去一切都很美好；但是tab進(jìn)行切換的時(shí)候，list組件的load事件不會(huì)再次被觸發(fā)！??！就是list組件做上拉加載只有在第一個(gè)tab會(huì)觸發(fā)，切換后觸底不會(huì)再次觸發(fā)
解決辦法：
初始化定義了list的加載狀態(tài)
tab切換時(shí)；重新初始化一次就行了
這樣就解決了tab切換list組件不能再次被觸發(fā)的問(wèn)題
總結(jié)
以上所述是小編給大家介紹的vue vantUI tab切換時(shí) list組件不觸發(fā)load事件的問(wèn)題及解決方法，希望對(duì)大家有所幫助！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue的面包屑和標(biāo)簽tag，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
vue項(xiàng)目中按需引入element-ui的正確實(shí)現(xiàn)方法
這篇文章主要介紹了vue項(xiàng)目中按需引入element-ui的正確實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了全面介紹vue 全家桶和項(xiàng)目實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
如何在 ant 的table中實(shí)現(xiàn)圖片的渲染操作
這篇文章主要介紹了如何在 ant 的table中實(shí)現(xiàn)圖片的渲染操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
UNIapp實(shí)現(xiàn)局域網(wǎng)內(nèi)在線(xiàn)升級(jí)的操作方法
這篇文章主要介紹了UNIapp實(shí)現(xiàn)局域網(wǎng)內(nèi)在線(xiàn)升級(jí)的操作方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03
這篇文章主要介紹了Vue 事件處理操作,結(jié)合實(shí)例形式較為詳細(xì)的分析了vue.js事件處理相關(guān)的事件監(jiān)聽(tīng)、處理、修飾符等相關(guān)概念、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-03-03
Vue實(shí)現(xiàn)頁(yè)面添加滿(mǎn)屏水印和去除水印功能
在一些特殊的應(yīng)用場(chǎng)景中,可能需要在網(wǎng)頁(yè)上添加水印以保護(hù)版權(quán)或標(biāo)識(shí)信息,本文將介紹如何在Vue項(xiàng)目中添加滿(mǎn)屏水印并實(shí)現(xiàn)去除水印的功能,文中通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-07-07
Vue3計(jì)算屬性computed和監(jiān)聽(tīng)屬性watch區(qū)別解析
計(jì)算屬性適用于對(duì)已有的數(shù)據(jù)進(jìn)行計(jì)算,派生新的數(shù)據(jù),并在模板中使用；而監(jiān)聽(tīng)屬性適用于監(jiān)聽(tīng)數(shù)據(jù)的變化,并執(zhí)行一些特定的操作,根據(jù)具體的需求和場(chǎng)景,選擇適合的機(jī)制這篇文章主要介紹了Vue3計(jì)算屬性computed和監(jiān)聽(tīng)屬性watch,需要的朋友可以參考下2024-02-02
Vben Admin 多標(biāo)簽頁(yè)狀態(tài)管理源碼學(xué)習(xí)
這篇文章主要為大家介紹了Vben Admin 多標(biāo)簽頁(yè)狀態(tài)管理源碼學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了Vue中出現(xiàn)首屏白屏的六種解決方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考一下2025-02-02