在實際開發過程中遇到
warning: now you can provide attr 「wx:key」 for a 「wx:for」 to improve performance.上網查詢資料與檢視官方文件發現原因大致如下:
官方解釋:
wx:key
如果列表中專案的位置會動態改變或者有新的專案新增到列表中,並且希望列表中的專案保持自己的特徵和狀態(如 中的輸入內容, 的選中狀態),需要使用 wx:key 來指定列表中專案的唯一的識別符號。
網上資料:
wx:key 的值以兩種形式提供
1、wx:key="property"
其中property是代表在 for 迴圈的 array 中 item 的某個 property,該 property 的值需要是列表中唯一的字串或數字,且不能動態改變。類似於字典的key值
2、wx:key="*this"
, 保留關鍵字 *this 代表在 for 迴圈中的 item 本身,這種表示需要 item 本身是乙個唯一的字串或者數字,如:
當資料改變觸發渲染層重新渲染的時候,會校正帶有 key 的元件,框架會確保他們被重新排序,而不是重新建立,以確保使組
件保持自身的狀態,並且提高列表渲染時的效率。
不新增wx:key情況:
,會出現
warning: now you can provide attr "wx:key" for a "wx:for" to improve performance.
如果明確知道該列表是靜態,或者不必關注其順序,可以選擇忽略。
推薦array 的 每乙個item都新增乙個唯一識別的property來管理,這樣就可以去掉warning,如果使用保留關鍵字,好像會出現顯示的item都是最後乙個的。
微信小程式學習
1.json 字尾的 json 配置檔案 project.config.json 在工具上做的任何配置都會寫入到這個檔案,其中會包括編輯器的顏色 上傳時自動壓縮 格式 雙引號 2.wxml 字尾的 wxml 模板檔案 this.setdata js中處理狀態 3.wxss 字尾的 wxss 樣式檔案...
(微信小程式)一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式學習筆記
1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...