欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 setData 對(duì) data數(shù)據(jù)影響問(wèn)題

 更新時(shí)間:2019年04月18日 14:56:48   作者:千山冷易水寒  
這篇文章主要介紹了微信小程序 setData 對(duì) data數(shù)據(jù)影響的 一點(diǎn)研究,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

我是純前端的,有些時(shí)候沒(méi)有后端接口,只能模擬一些數(shù)據(jù)來(lái)操作。偶然之下,發(fā)現(xiàn)了setdata 的一些機(jī)制,也有可能不對(duì),請(qǐng)多指教。

先放結(jié)論:data的變量通過(guò)setdata綁在一起,是同步變化的

準(zhǔn)備做一個(gè)一鍵還原界面的按鈕事件,如果有后端接口,只需調(diào)一下接口,就可以了。問(wèn)題是沒(méi)有,于是想弄兩個(gè)一模一樣的數(shù)組A,B;A用來(lái)渲染界面,一鍵還原的時(shí)候,就把B的值賦給A,從而引起頁(yè)面重新渲染,達(dá)到重置界面的效果。

結(jié)果一點(diǎn)反應(yīng)也沒(méi)有。

data里有模擬的數(shù)組  itemleft  itemright,二選一,

定義代碼是這么寫的

this.setData({
  uniqueitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index],
  cloneitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index],
  baninput: (id == 'unfinish')?false:true
})

這是一鍵還原的代碼

this.setData({
  uniqueitem:this.data.cloneitem
})

后來(lái)通過(guò)console.log發(fā)現(xiàn)   uniqueitem、cloneitem和this.data.itemleft[index] 的值是一模一樣的,意思是,當(dāng)我改變uniqueitem的時(shí)候,其他兩個(gè)都會(huì)跟著變。

然后,我把cloneitem的值通過(guò)緩存還獲取,代碼變成了這樣

this.setData({
  uniqueitem: (id == 'unfinish') ? this.data.itemleft[index] : this.data.itemright[index],
  baninput: (id == 'unfinish')?false:true
})
var that=this
wx.getStorage({
  key: 'item',
  success: function(res) {
    console.log(res)
    that.setData({
      cloneitem:res.data
    })
  },
})
this.setData({
  uniqueitem:this.data.cloneitem
})

改成這樣之后,一鍵還原第一次正常,后面再點(diǎn)全不正常

這是測(cè)試的console順序

console.log(this.data.itemleft[0])
console.log(this.data.uniqueitem)
console.log(this.data.cloneitem)

事先說(shuō)明,改變date,改的是2的date

我通過(guò)一個(gè)函數(shù)改變了date,加1,

可以看到 1和2同時(shí)改變,3不變;

一鍵還原第一次

可以看到,1不變,3的值賦給了2;到目前正常

再次改變date,

可以看到,2和3一起變,1不變了

一鍵還原

和上面一樣不變了

后來(lái)我改成

var aaa = this.data.cloneitem;
this.setData({
  uniqueitem:aaa
})

效果和上面一樣。

結(jié)論,

當(dāng)data有3個(gè)變量,a和b、c

this.setData({
  a:this.data.b
  c:this.data.b
})

意思是,a和b綁一起,c和b綁一起,3個(gè)一起變,改變一個(gè)等于改變3個(gè)。個(gè)人猜測(cè),應(yīng)該是存放變量a,b,c 的地址變成一個(gè)了。

this.setData({
  a:this.data.b
})

a和b一起變。

this.setData({
  a:this.data.c
})

a不和b一起變,和c一起變。

簡(jiǎn)而言之,data的變量通過(guò)setdata綁在一起,是同步變化的,要小心。

總結(jié)

以上所述是小編給大家介紹的微信小程序 setData 對(duì) data數(shù)據(jù)影響問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!

相關(guān)文章

最新評(píng)論