微信小程序之前臺(tái)循環(huán)數(shù)據(jù)綁定
微信小程序之前臺(tái)循環(huán)數(shù)據(jù)綁定
微信小程序的循環(huán)數(shù)據(jù)綁定到wxml例:
wxml里:
<view wx:for="{{array}}"> {{item.message}} </view>
通過上面的wx.for可以綁定一個(gè)數(shù)組,數(shù)組是json類型的;默認(rèn)的索引序號(hào)是item,所以用{{item.message}}
顯示數(shù)據(jù)js里:
data: { array: [ { "message": "foot", "txt": "123" }, { "message": "bar" }] },
如上的json數(shù)組是可以通過wxml里的方法循環(huán)輸出數(shù)組數(shù)據(jù)
如有疑問請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
JavaScript中document.activeELement焦點(diǎn)元素介紹
這篇文章主要給大家分享 JavaScript中document.activeELement焦點(diǎn)元素介紹,下面文章圍繞了document.activeElement屬性展開詳細(xì)內(nèi)容,需要的朋友可以參考一下,希望對(duì)大家有所幫助2021-11-11JavaScript?API調(diào)用Rollup打包流程快速上手
這篇文章主要為大家介紹了JavaScript?API調(diào)用Rollup打包流程快速上手2023-05-05微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例
這篇文章主要介紹了微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例的相關(guān)資料,這里提供實(shí)現(xiàn)實(shí)例幫助大家實(shí)現(xiàn)改功能,需要的朋友可以參考下2017-08-08

TS?項(xiàng)目中高效處理接口返回?cái)?shù)據(jù)方法詳解

lodash內(nèi)部方法getFuncName及setToString剖析詳解

前端通過JavaScript創(chuàng)建修改CAD圖形詳情

js c++ vue方法與數(shù)據(jù)交互通信示例