小程式setData詳解

2021-09-24 08:48:04 字數 2322 閱讀 3849

引數接受乙個物件,以 key,value 的形式表示

可以一下設定乙個或多個data資料

this.setdata()  

複製**

key可以以資料路徑的形式給出(路徑形式的key必須帶引號)+資料可以不預設

this.setdata()

this.setdata();

等於this.setdata(

});複製**

key值可以為變數,為變數的時候要用[ ]引起來

page(, 

,] //array

},

change(e))

} })

複製**

單次設定的資料不能超過1024kb,請盡量避免一次設定過多的資料 一般情況下,更新items的操作可能如下:

loaditems

() = this.data; //deconstructing... items from this.data;

this.setdata()

}//the concat() method is used to merge two or more arrays. this method does not change the existing arrays, but instead returns a new array.//

複製**

如果完整items的資料量不大的時候,這樣做也是可以的,但是列表的資料比較多的時候,後面loaditems時setdata的資料就會變很大,超過一定值(1048576)後就會報以下錯誤,然後列表無法再載入更多

資料傳輸長度為 ****** 已經超過最大長度 1048576

若遇到這樣的情況,我的解決方法是

loaditems

() = this.data;

const start = items.length;

const updateitems = newitems.reduce((updateitems, item, index) => ]`] = item; //use template literal

return updateitems;

}, ) //this is {}

//updateitems 示例:

this.setdata(updateitems)

}複製**

great idea!!

方法一、

page(,

/*** lifecycle function--called when page load

*/onload: function (options) ]`] = v;

return acc;

}, {});//return a {}

console.log(newdata)

that.setdata(newdata)

console.log(self)

},)}複製**

方法二、

data: ,

/** * lifecycle function--called when page load

*/onload: function (options) ;

newdata[`list[$]`] = newlist;

console.log(newdata)

that.setdata(newdata)

console.log(self)

},複製**

可以定義變數名稱一致

// example/test/test.js

page(,

/*** lifecycle function--called when page load

*//**

* lifecycle function--called when page is initially rendered

*/onready: function

() //this will overwrite the ceshi key in data object

)console.log(ceshix)

console.log(this.data)

},複製**

在方法中,我們定義ceshi變數讓其等於that.data.ceshi; 然後對ceshi進行操作,其實就是對that.data.ceshi進行操作,而that.setdata()就等同於that.setdata() ;

微信小程式 setData 方法

一般setdata方法多用於點選後改變頁面資訊或者重新整理後與後台互動獲取最新的資訊 注意 直接修改 this.data 而不呼叫 this.setdata 是無法改變頁面的狀態的,還會造成資料不一致 單次設定的資料不能超過1024kb,請盡量避免一次設定過多的資料。方法如下 js page obj...

小程式 setData 動態設定變數

需求 tab四個模組,點選切換模組,每個模組一組資料dataarr1,dataarr2,dataarr3,dataarr4 eg tab切換 點選不同的模組中的某一條資料,改變當前模組 當前點選資料的 狀態和數量 eg 點讚 及 點讚數量 1 建立乙個物件或者陣列,列舉每個模組載入的資料陣列 key...

微信小程式 setData 的坑

官網文件在使用setdata 設定陣列物件的某個元素的屬性時,是這麼使用的 page changeiteminarray function 使用了 array 0 text changed data 這樣的值。但在實際使用中,我們對陣列的中的某個元素的設定是動態的。即 我們通常應該是 array i...