1. 程式人生 > >小程式開發7-資料渲染(for迴圈,block(解決title+img類似情況),wx:key(保持狀態),ws:if判斷)要麼迴圈要麼判斷

小程式開發7-資料渲染(for迴圈,block(解決title+img類似情況),wx:key(保持狀態),ws:if判斷)要麼迴圈要麼判斷

<view>{{username}}</view>單一項<view>{{renyuan[0]}}---{{renyuan[1]}}</view><view wx:for = "{{renyuan}}" > {{index}}--{{item}}</view><view wx:for = "{{renyuan}}" wx:for-index= "k" wx:for-item = "v"> {{k}}--{{v}}</view>陣列的兩種表達方式
<view >{{duixiang.xingming}}--{{duixiang.nianling}}</
view>物件的表達方式<view wx:for= "{{duogeduixiang}}">{{index}}--{{item.xingming}}--{{item.nianling}}</view>陣列物件的表達方式

在data中的體現:


xml表現;


block:多標籤不同內容的展示:比如一個數組是 文字加圖片的形式


title在view標籤裡面顯示,content在另外一個標籤中使用

wx:key="unique"


新增一個選擇器,之前的選擇器狀態不變。


條件渲染:if

陣列的兩種方式

<view wx:if = "{{condition1}}"></view
><view wx:if = "{{score>=80}}">優秀</view><view wx:elif = "{{score<=80}}">良好</view><view wx:else>及格</view>