微信小程式dom limit無法渲染更多節點問題

2021-09-25 13:58:03 字數 1942 閱讀 1633

解決方法-分頁渲染資料，列表滾動時將可視區域外元素資料清空只保留高度

page(,


onload:


function()


,loaddata()


if(this


.data.page ==1)


)}this


.list[


this


.data.page -1]


= data;


//快取資料，優化效能時使用


this


.setdata(]`


]: data//分頁渲染資料})


//計算並記錄資料的邊界值


this


.boundings = array.


isarray


(this


.boundings)


?this


.boundings :


;let index =


this


.data.page -1;


wx.createselectorquery()


.select


(`#page$`


).boundingclientrect


((rect)


=>;}


).exec()


wx.stoppulldownrefresh()


wx.hideloading()


},onpagescroll


(e)}


)//當前相交元素的前2後2元素顯示，超出部分隱藏


**片段：
				
（微信小程式）一   初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

				
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作，非同步操作裡面this.data.直接賦值，是無效的，必須使用this.setdata this.setdata msg he llo wor l...

				
微信小程式
你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下markdown的基本語法知識。全新的介面設計，將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式，markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...