小程序SetData设置数组对象,SetData 新增数据, SetData Push新数据

作者：李留白

原文：微信小程序 setData 的坑

 

遇到的问题：

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

 

解决办法:

var param = {};
var string = "Data["+变量+"].name;
param[string] = '喵喵';
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你是真的狗🐕~