小程序SetData設置數組對象,SetData 新增數據, SetData Push新數據

作者：李留白

原文：微信小程序 setData 的坑

 

遇到的問題：

this.setData({ 2    Data[0].name:"喵喵" 
})

 

解決辦法:

var param = {}; 2 var string = "Data["+變量+"].name; 3 param[string] = '喵喵'; 4 that.setData(param);

 

另一個解決辦法：

    ` 是ESC下方的按鍵

 

this.setData({
  [`Data[${變量}].name`]:"喵喵",
  [`Data[${變量}].names`]:([...data.names])
})

 

 

 

 

that.data.Data[0].position.top = sss
that.data.Data[1].position.top = sss
that.data.Data[0].position.left = sss
that.data.Data[1].position.left = sss

that.setData({
  Data: that.data.Data
})

 

 

不推薦的方法，數據修改后頁面不會刷出新值！！！

this.data.Data[0].name = '喵喵'

 

PUSH

對象或數組進行操作

需要把獲取到的數組或對象PUSH到指定位置

例如：

　　this.data.nav[index].res

 nav[0].res 內必須有值后才能 PUSH！！！

const nav = params.page === 1 ? [] : this.data.nav
nav[this.data.currentTab].res.push(...data.list)

this.setData({
    nav: nav
})

 

 小程序 setdata 新增數據

if(this.data.changs > 0){ // 表示不是第一次填數據，可以使用push
    const CloudGetData = this.data.CloudGetData
    CloudGetData.push(...res.data)
    this.setData({
        CloudGetData:CloudGetData,
    })
} else{ // 表示第一次填數據
    this.setData({
        CloudGetData: res.data,
        changs: this.data.changs + 1 // 表示填過數據
    })
}

 

  小程序 setdata 新增數據 還可以這樣寫

if(this.data.changs > 0){ // 表示不是第一次填數據，可以使用push
    this.setData({
        CloudGetData:[...this.data.CloudGetData,...res.data],
    })
} else{ // 表示第一次填數據
    this.setData({
        CloudGetData: res.data,
        changs: this.data.changs + 1 // 表示填過數據
    })
}

 

 

我知道我菜🥦，但setData PUSH你是真的狗🐕~