1. 程式人生 > >微信小程式--data的賦值與取值

微信小程式--data的賦值與取值

通過小程式官方文件可知:

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)
}