(一)頁面變數對象data 對象data 有兩個方面用途 第一,前端wxml的數據渲染是通過設置此對象中定義的變數進行關聯展現的 第二,定義JS頁面中的頁面局部變數,使其整個頁面中可使用或調用 對象data定義的變數支持各種數據類型,string,int,[],{} 第一.wxml數據渲染,只要通過 ...
(一)頁面變數對象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開始
別一種則是在全局變數對象中只定義動態數組變數,在載入後賦值 這樣是能達到指定下標變數名的效果