vue中表格增行后dialog弹出窗口赋值,虽然已经有值了但是不显示$set问题

本文详细解释了在Vue.js中如何正确地使用$set方法来更新数组中的对象属性,以确保视图能够及时响应数据变化。通过对比直接赋值与使用$set的区别,阐述了$set在数组更新中的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于$set需要明确设置项才能赋值并更新,所以需要具体内容具体说明

我定义了tableData是一个数组,数组中是对象

tableData:[{name:'张三',code:'a001',age:30},{name:'张三',code:'a001',age:30}]

现在要给数组中的某个对象的属性赋值,应该这样

this.$set(this.tableData[index],'name',Object.assign( row.mingcheng));

不应该这样直接赋值:

this.tableData[index].name= Object.assign( row.mingcheng);这样不更新视图

如果是对象整体替换值,则

this.$set(this.tableData,index,{name:'李四',code:'a002',age:31}); //$set可以触发更新视图

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值