1. 程式人生 > >小程中的data資料如何賦值獲取

小程中的data資料如何賦值獲取

第一次接觸到小程式感覺和vue特別的像,同樣是生命週期函式,同樣的資料驅動,diff演算法,今天就來談一下其中的data中的值如何賦值如何列印獲取問題!

建立專案哪些就跳過了,直接看程式碼!

page({
    data:{
          number:1000;      /*首先定義一個變數到data中*/
    }
})

如果你想獲取到它的話(其他的宣告周期函式中獲取也是通過:this.data.number):

/*生命週期函式--頁面載入時執行*/
onLoad:function(){
    console.log(this.data.number);            //這裡列印的就是number數值
}

如果此時你想改變這個變數的話:

// 生命週期函式--監聽頁面載入
onLoad: function () {
    this.setData({        //這裡的this.setData就相當於"=",被微信封裝了一下
    number:2000           //鍵值對形式
   })
}

傳送請求攜帶其中的變數使用方法:

  /**
   * 生命週期函式--監聽頁面載入
   */
    onLoad:function (options) {
      var that = this;        /*this指向問題轉存,如果使用箭頭函式就不用了*/
      wx.request({
          url: 'https://hee.walkhunter.com/Api/User/look_history',
          data:{
              uid:that.data.number
          },
            success: res => {
                console.log(res)        //列印請求的返回值
            },
        })
})

上面介紹的就是小程式中data資料使用方法了,又不懂的或者錯誤的歡迎留言指正!