vue数据更改但是视图没有更新

当从接口获取的数据包含未预定义的属性时,Vue 的双向绑定可能无法正常工作。例如,初始数据 `obj` 没有 `sex` 属性,但接口返回的数据包含了 `sex`。此时更新 `sex` 不会触发视图更新。解决办法是在定义 `data` 时就包括所有可能的属性,以确保数据一致,从而正确实现双向绑定。

在项目中碰到过一种情况,就是自定义data中的数据时视图是正常的,但是当从接口获取到数据时直接复制给data中的这个对象后视图的其中一项没有更新。比如:

obj: {
	name : 'zhangsan',
	age: '12'
}

但是获取到的是

obj: {
	name : 'zhangsan',
	age: '12',
	sex:'1'
}

视图中标签直接使用了sex ,这个时候更改了sex后 视图没有更新。
解决方法是:
自定义data时要加上sex字段,保证和获取的一致,这样数据更新时才会双向绑定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值