通过$set给某个属性从新赋值,具体参照官网https://cn.vuejs.org/v2/api/#vm-set
data:[
	{name: 'xxx', status: 0},
	{name: 'xxx', status: 1},
	{name: 'xxx', status: 0},
	{name: 'xxx', status: 1},
]


data.forEach(item => {
	if (item.status === 0) {
		// 'status'为属性名,'非活动'为修改后的内容 
		this.$set(item, 'status', '非活动')
	} else if (item.status === 1) {
		this.$set(item, 'status', '活动')
	}
})
注意$set只在vue的js中生效,当提取为公共方法写在js中时,this.$set会报错undefined,在js中写法为
data:[
	{name: 'xxx', status: 0},
	{name: 'xxx', status: 1},
	{name: 'xxx', status: 0},
	{name: 'xxx', status: 1},
]


data.forEach(item => {
	if (item.status === 0) {
		// 'status'为属性名,'非活动'为修改后的内容 
		item.status = '非活动'
	} else if (item.status === 1) {
		item.status = '活动'
	}
})
Logo

前往低代码交流专区

更多推荐