在小程序中我們經常要動態渲染數據,對于新手而言我們常常遇到修改的數據在控制臺顯示和頁面顯示不一致,因為我們用“=”修改數據的,這種是可以修改,但無法改變頁面的狀態的,還會造成數據不一致,代碼如下:
創新互聯建站是一家朝氣蓬勃的網站建設公司。公司專注于為企業提供信息化建設解決方案。從事網站開發,網站制作,網站設計,網站模板,微信公眾號開發,軟件開發,小程序設計,十余年建站對假山制作等多個領域,擁有豐富的網站維護經驗。
data: { array: [{ text: '數組' }] } 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); }
總結:修改data的數據有兩種方法
1、直接用“=”賦值,這種是可以修改,但無法改變頁面的狀態的,還會造成數據不一致。
2、this.setData,setData 函數用于將數據從邏輯層發送到視圖層(異步),同時改變對應的 this.data 的值(同步)。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。
當前文章:微信小程序動態修改頁面數據及參數傳遞過程詳解
轉載源于:http://vcdvsql.cn/article20/pejgco.html
成都網站建設公司_創新互聯,為您提供App開發、網站排名、網站策劃、網站維護、外貿網站建設、建站公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯