微信小程序之前臺循環(huán)數據綁定

更新時間：2017年08月18日 08:40:52 投稿：lqh

這篇文章主要介紹了微信小程序之前臺循環(huán)數據綁定的相關資料,這里提供實例幫助大家學習理解這部分內容，需要的朋友可以參考下

微信小程序之前臺循環(huán)數據綁定

微信小程序的循環(huán)數據綁定到wxml例：

wxml里：

 <view wx:for="{{array}}">

  {{item.message}}
  
 </view>

通過上面的wx.for可以綁定一個數組，數組是json類型的；默認的索引序號是item，所以用{{item.message}}

顯示數據js里：

data: {
   array: [
  {
  "message": "foot",
  "txt": "123"
  },
  {
  "message": "bar"
  }]
},

如上的json數組是可以通過wxml里的方法循環(huán)輸出數組數據

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

微信小程序 toast 詳解及實例代碼
這篇文章主要介紹了微信小程序 toast 詳解及實例代碼的相關資料,需要的朋友可以參考下
2016-11-11
JavaScript中isPrototypeOf函數
這篇文章主要介紹了JavaScript中isPrototypeOf函數，isPrototypeOf() 是 Object函數（類）的下的一個方法，用于判斷當前對象是否為另外一個對象的原型，如果是就返回 true，否則就返回 false，下面來看看詳細內容,需要的朋友可以參考一下
2021-11-11
微信小程序引用其他js文件實現代碼
這篇文章主要介紹了微信小程序引用其他js文件實現代碼的相關資料,需要的朋友可以參考下
2017-02-02
JavaScript中七種流行的開源機器學習框架
今天小編就為大家分享一篇關于JavaScript中五種流行的開源機器學習框架，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2018-10-10
js?websocket斷線重連實例代碼
這篇文章主要為大家介紹了js?websocket斷線重連實例代碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
前端通過JavaScript創(chuàng)建修改CAD圖形詳情
這篇文章介紹JavaScript創(chuàng)建修改CAD圖形，創(chuàng)建修改CAD圖形，一般是基于AutoCAD進行二次開發(fā)，ObjectARX是AutoDesk公司針對AutoCAD平臺上的二次開發(fā)而推出的一個開發(fā)軟件包，它提供了以C++為基礎的面向對象的開發(fā)環(huán)境及應用程序接口，能真正快速的訪問AutoCAD圖形數據庫
2021-10-10
微信小程序數據訪問實例詳解
這篇文章主要介紹了微信小程序數據訪問實例詳解的相關資料,需要的朋友可以參考下
2016-10-10
圖片按比例縮放函數
圖片按比例縮放函數...
2006-06-06
微信小程序 Mustache語法詳細介紹
這篇文章主要介紹了微信小程序 Mustache語法詳細介紹的相關資料,需要的朋友可以參考下
2016-10-10
JavaScript?history?對象詳解
這篇文章主要介紹了JavaScript?history?對象詳解，history?對象表示當前窗口首次使用以來用戶的導航歷史記錄。因為?history?是?window?的屬性，所以每個?window?都有自己的?history?對象，更多詳細內容請參考下面文章內容
2021-11-11