微信小程式--data的賦值與取值
阿新 • • 發佈:2019-02-19
通過小程式官方文件可知:
Page() 函式用來註冊一個頁面。接受一個 object 引數,其指定頁面的初始資料、生命週期函式、事件處理函式等。其中的引數data用來設定初始資料,WXML 中的動態資料均來自對應 Page 的 data。
所以如果頁面需要顯示動態資料必須要把資料更新到data中對應的變數中。
- 頁面js檔案中這麼寫:
Page({
data: {
message: 'Hello MINA!'
}
})
- wxml中這麼寫:
<view> {{ message }} </view>
- 如果該資料在操作過程中發生變化,需要將新資料重新繫結到該變數中,寫法如下:
function setData(){
var that = this;
that.setData({
message: '新訊息'
})
}
- 如果想在js檔案中使用data中的資料寫法如下:
function getData(){
var that = this;
console.log(that.data.message)
}