微信小程序 修改data中的属性

修改小程序中的data 属性需要使用固定的写法

this.setData({需要修改的属性: 想要修改的数值})

定义的 data属性如下

data: { // 首先设置当前的分类栏下标 currentClassify: 0, classifyData: [ { classifyName: "华语乐坛" }, { classifyName: "推荐分类" } ], loading: true },

要修改的属性 2.1 在页面加载完成之后的

/** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { this.setData({ loading: false }) },

2.2 事件触发修改

classifyTab(e) { const getCurrentClass = e.currentTarget.dataset.currentindex this.setData({ currentClassify: getCurrentClass }) },

2.3 修改数组中的数据 修改数组中的数据不可以直接使用 不可以直接使用 不可以直接使用

this.setData({classifyData[1].classifyName: '粤语金曲'})

需要重新定义一个数组将修改好的数据接收, 之后在赋值

classifyTab(e) { const getCurrentClass = e.currentTarget.dataset.currentindex this.setData({ currentClassify: getCurrentClass }) let EditArr = this.data.classifyData EditArr[1].classifyName = '粤语金曲' this.setData({ classifyData: EditArr }) },