微信小程序----關於變量對象data 和 前端wxml取后台js變量值


(一)頁面變量對象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開始

別一種則是在全局變量對象中只定義動態數組變量,在加載后賦值  這樣是能達到指定下標變量名的效果


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM