微信小程式 wxml檔案中巢狀迴圈

2021-09-13 20:01:56 字數 593 閱讀 7731

1、伺服器獲取到的陣列中巢狀 物件組成的陣列,控制台輸出:

2、解析並繫結伺服器獲取到的資料,.js檔案:

3、繫結一層的shoplist資料, .wxml檔案:

4、繫結shoplist陣列中的二層equips資料,.wxml檔案 中 只需要item.equips即可

最開始迴圈獲取到資料後,總以為需要巢狀迴圈出二層陣列物件,並分別繫結資料。兜兜轉轉繞了一大圈,發現只要將一級陣列迴圈獲取到,二層陣列物件直接「item.***」就可以在wxml檔案中直接進行資料繫結了。 

你可能感興趣的

微信小程式 框架wxml(六)wxml引用

wxml提供兩種引用方式,import和include 1.import和include的區別 1 import 可以在檔案中使用被import檔案中定義的template include可以在檔案中使用template及template外的內容。2 import有作用域的概念,只能引用直接impo...

微信小程式 四 wxml詳解

wxml中的動態資料均來自對應js檔案中page的data 在js中訪問page的data用this.data 改變data中某個屬性的值用setdata方法 資料繫結使用mustache語法 雙大括號 將變數包起來.可以作用於以下區域 1.作用於內容 page 2.作用於元件屬性 page 3.作...

微信小程式開發《三》 WXML

wxml weixin markup language 是框架設計的一套標籤語言,結合基礎元件 事件系統,可以構建出頁面的結構。使用模板 使用 is 屬性,宣告需要的使用的模板,然後將模板所需要的 data 傳入,如 view firstname lastname page.js page staf...