快捷導(dǎo)航

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

更新時間：2019年09月27日 11:42:00 作者：不睡

這篇文章主要介紹了微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在小程序中我們經(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);
 }

總結(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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例
這篇文章主要為大家介紹了JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
js獲取html的span標(biāo)簽的值方法(超簡單)
下面小編就為大家?guī)硪黄猨s獲取html的span標(biāo)簽的值方法(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
JavaScript實現(xiàn)標(biāo)題欄文字輪播效果代碼
這篇文章主要介紹了JavaScript實現(xiàn)標(biāo)題欄文字輪播效果代碼,涉及JavaScript基于時間函數(shù)及流程控制操作標(biāo)題欄文字的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
JavaScript中的await/async的作用和用法
await/async 是 ES7 最重要特性之一，它是目前為止 JS 最佳的異步解決方案了。這篇文章主要介紹了JavaScript中的await/async的作用和用法的相關(guān)資料
2016-10-10
微信小程序自定義帶價格顯示日歷效果
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義帶價格顯示日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
JS中改變this指向的方法(call和apply、bind)
this是javascript的一個關(guān)鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。但是總有一個原則，那就是this指的是調(diào)用函數(shù)的那個對象，通過本文給大家介紹JS中改變this指向的方法(call和apply、bind)，需要的朋友參考下
2016-03-03
學(xué)前端,css與javascript重難點淺析
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點，感興趣的朋友一起看看吧
2020-06-06
輕松實現(xiàn)HTML和JS之間的轉(zhuǎn)化的代碼
輕松實現(xiàn)HTML和JS之間的轉(zhuǎn)化的代碼...
2007-09-09
利用JavaScript模擬京東按鍵輸入功能
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript模擬京東按鍵輸入功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
詳解JavaScript修改注冊表的方法
這篇文章主要介紹了詳解JavaScript修改注冊表的方法,本實例主要通過WshShell 對象的相關(guān)方法實現(xiàn),需要的朋友可以參考下
2020-01-01