使用列表渲染wx for改寫新聞列表

2021-08-04 08:08:32 字數 605 閱讀 9321

根據慕課網教程及個人實踐的心得

標籤的復用

1、在.js 的onload()函式中定義乙個陣列:

var

array=[

,]

2、將陣列資料繫結到.wxml上

用< block>< /block>將要迴圈的標籤放在裡面,無含義,類似{}

屬性: wx:for=「x」,x為陣列或集合

如:wx:for=」}」 注意:屬性資料要加引號

3、迴圈體中的子元素繫結

wx:for-item=」item」,這句話也可以不寫,因為預設值為item。

繫結的元素都是}的形式~是元素名。

4、陣列的資料繫結(.js中)

如果setdata(array),那僅將array中的內容平鋪進了data()中。

解決:this.setdata();

block中繫結的陣列也改為array_key

5、想知道某子元素的序號:

wx:for-index=」index」,預設值為index。

心得:

js的資料和wxml要同步,否則提示未定義。

小程式 wx for 列表渲染

wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為 index,陣列當前項的變數名預設為 item wx for view page 使用 wx for item 可以指定陣列當前元素的變數名,使用 wx for...

wx for 小程式列表渲染的使用說明

wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為 index,陣列當前項的變數名預設為 item,即 標籤原型 以標籤block為例 wx for 必須 array 陣列 wx for index 可選 string 用新的變數名代替 特...

微信小程式 列表渲染wx for

在元件上使用wx for控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為index,陣列當前項的變數名預設為item view wx for view page 使用wx for item可以指定陣列當前元素的變數名,使用wx for index可以指...