1. 程式人生 > 其它 >小程式資料響應式操作

小程式資料響應式操作

技術標籤:小程式

1.普通情況,直接作用與資料本身, 使用this.setData即可

data:{
    currentIndex:0
}


tabClick(e) {
    let index = e.detail.index
    this.setData({
      currentIndex: index,
    })
}

2.當需要改變的為物件的某一屬性時

data:{
    goods:[
        {
            list:[],
            page:0
        },
        {
            page: 0,
            list: []
        },
        {
            page: 0,
            list: []
        }
    ]
}

 //獲取到老的list陣列      不要再原陣列上進行更改
 const oldList = this.data.goods[index].list

 //獲取到新的list陣列
 const list = res.data.data.list

 //新增
 oldList.push(...list)

 //因為要更改list屬性,所以這裡拼接一下
 const goodsKey = `goods[${index}].list`

 this.setData({
 //這裡需要這樣寫,才能對應