記錄JQ-WEUI中滾動加載的一個BUG


最近寫微信公眾號,用到的技術棧是jq+vue的混合開發,采用的UI是移動端比較火的WEUI,在微信開發中應該較廣泛。個人看慣了elementUI文檔,相對於餓了么組件文檔的詳細,WEUI的文檔還是比較晦澀的。(個人看法)

微信端展示公司訂單,采用了滾動加載而沒有用分頁,覺得一般移動端分頁的處理比較少。當然,條件搜索才是滿足用戶精准查找的核心,無論是分頁還是滾動加載都只是給用戶一個大致瀏覽的處理。

順便說說注意的一點,jquery-weui這個文件引入的位置應該在jq文件之后,這樣才能在Jq的基礎上識別出封裝的一系列JS操作的函數。

 

如果是有以上報錯,說明你可能沒有引入jquery-weui文件,或者文件位置放錯了,導致識別不了滾動加載初始化的函數。

當寫到某個頁面的時候,按照以往套路,滾動事件竟然一直觸發不了。

一段段代碼注釋才發現,是select標簽搞的鬼。

dataList是vue中data,vm.dataList = STATUS_LIST;

 

select中的option是v-for循環生成的,但是我的v-for對象是vue實例中的data中的一個數組,只是把全局對象的status_list轉了一下給了vue的data而已。如果是直接v-for 全局中的這個個變量status_list的話,那么就能夠觸發滾動加載事件。

總結:直接調用全局對象來v-for循環就好,沒必要轉一手給vue.data

思考:想了很久,網上也沒找到類似的問題,個人覺得是vue生命周期和jq操作dom時間點的差異導致無法計算出scrollTop,致使無法觸發滾動條滾動到底部觸發滾動加載事件。具體細節原來也不是很明白。

          在此記錄一下這個bug,希望路過的大神能一起交流探討。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM