(一)頁面變量對象data
對象data 有兩個方面用途
第一,前端wxml的數據渲染是通過設置此對象中定義的變量進行關聯展現的
第二,定義JS頁面中的頁面局部變量,使其整個頁面中可使用或調用
對象data定義的變量支持各種數據類型,string,int,[],{}
第一.wxml數據渲染,只要通過設置data值(this.setData({...}))即可
如:
wxml頁面:detail對象中包含有TaskBillCode與BillDate兩個屬性
js頁面:
第二.頁面變量
定義:
存儲:
使用:
(二)前端wxml取后台js變量值
1.js后台只能通過設置Data里的變量值( this.setData({}) ),前台wxml才能得到渲染 wxml以雙括號取變量值 {{ var }}
JS:
設置變量值 :
WXML:
2. 列表渲染,即數據List 用循環進行渲染 wx:for="{{ taskItems}}" 默認子項為item
3.關於多數據的數據類型,目前wxml取變量只支持數組,並不支持對象
這里面的billStatus 只能定義為數組類型,才能支持wxml用變量取數組的值
data {
billStatus:[]
}
如定義為下面這樣
data {
billStatus:{}
}
則會導致 {{billStatus[item.Status]}} 取不到值 ,但代入數值還是可以取到 {{billStatus[1]}}
4.關於在全局里app.js定義數組
兩種方式
一種是直接在全局變量對象中定義,但這樣是指定不了下標的,下標只能從默認的0開始
別一種則是在全局變量對象中只定義動態數組變量,在加載后賦值 這樣是能達到指定下標變量名的效果