微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解

發(fā)布時間：2020-09-30 10:16:31 來源：腳本之家閱讀：323 作者：不睡欄目：web開發(fā)

在小程序中我們經(jīng)常要動態(tài)渲染數(shù)據(jù)，對于新手而言我們常常遇到修改的數(shù)據(jù)在控制臺顯示和頁面顯示不一致，因為我們用“=”修改數(shù)據(jù)的，這種是可以修改，但無法改變頁面的狀態(tài)的，還會造成數(shù)據(jù)不一致，代碼如下：

data: {
  array: [{ text: '數(shù)組' }]
 }

onLoad:function(){
　　this.data.array[0].text=1;
　　console.log(this.data.array[0].text);
}

修改代碼：

onLoad:function(){
  // this.data.array[0].text=1;
  this.setData({
   'array[0].text': '1'
  })
  console.log(this.data.array[0].text);
 }

微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解

總結(jié)：修改data的數(shù)據(jù)有兩種方法

1、直接用“=”賦值，這種是可以修改，但無法改變頁面的狀態(tài)的，還會造成數(shù)據(jù)不一致。

2、this.setData，setData 函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層（異步），同時改變對應(yīng)的 this.data 的值（同步）。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

微信小程序 動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解