<form id="v8w2b"></form><xmp id="v8w2b">
<xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b">
<xmp id="v8w2b">
<button id="v8w2b"><ins id="v8w2b"></ins></button><form id="v8w2b"></form>
<xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form>
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form><xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b">
<xmp id="v8w2b">
<xmp id="v8w2b">
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form>
<xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b"><form id="v8w2b"><button id="v8w2b"></button></form><form id="v8w2b"><button id="v8w2b"></button></form>
查看詳情

uni-app開發微信小程序時vue綁定數據不更新的原因總結

在開發小程序的時候,經常遇到vue頁面通過JS代碼更新頁面數據的時候,頁面上的數據并沒有更新過來,特別是使用uni-app,經過多次測試,得出如下結論

1、當頁面中的參數類型為json格式時,如果參數的索引鍵為數字,可能會出現頁面數據不更新,如下:

data() {

return {

orderList:{},

}

}

大部分情況下,orderList參數的值可能是通過ajax遠程獲取的服務器上的數據,如果服務器上返回的數據是這樣的{"3":{"title":"標題1"},"6":{"title":"標題2"}},此時,如果在頁面中通過orderList[3]['title']="新標題1",就會出現頁面數據不更新的情況,解決的辦法,將參數類型設置為數組,如:orderlist:[]


2、向頁面中的json參數追加字段時,如下:

data() {

return {

goodsList:{},

}

}

假如服務端返回的數據是[{"itemID":1,"title":"標題1"},{"itemID"2,"title":"標題2"}],在程序中直接通過JS追加字段,如:goodsList[1]['active']=1,這種情況下,頁面中對active顯示處理時,可能會出現不更新的情況,解決的辦法是在獲取到服務端返回數據時,對數據進行處理,先將active字段寫入,后面再通過JS修改數據時,就沒問題



原創內容,轉載請注明出處:網站建設,APP開發,小程序開發請找江西居道科技有限公司,http://www.4006185588.com

智能建站系統代理招商
所屬分類:文章中心??????Time:2022-12-28 13:26:55??????人氣:2308
關閉
13517086454
日日av拍夜夜添|精品一卡2卡三卡4卡|综合亚洲网犮偷自拍第一页|刘玥91精选国产在线观看巨臀
<form id="v8w2b"></form><xmp id="v8w2b">
<xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b">
<xmp id="v8w2b">
<button id="v8w2b"><ins id="v8w2b"></ins></button><form id="v8w2b"></form>
<xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form>
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form><xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b">
<xmp id="v8w2b">
<xmp id="v8w2b">
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b"><xmp id="v8w2b"><form id="v8w2b"><form id="v8w2b"></form></form>
<xmp id="v8w2b"><form id="v8w2b"></form>
<xmp id="v8w2b"><form id="v8w2b"><button id="v8w2b"></button></form><form id="v8w2b"><button id="v8w2b"></button></form>