小程中的data資料如何賦值獲取
阿新 • • 發佈:2018-12-19
第一次接觸到小程式感覺和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資料使用方法了,又不懂的或者錯誤的歡迎留言指正!