18910140161

reactive对象重新赋值,视图不更新

顺晟科技

2021-06-19 08:04:40

531

reactive 的响应式机制工作在属性上,而不是 reactive 对象本身。如果你想一次性更新多个状态,你可以这样做:


顺晟科技:

因为在return 的时候,会把 reactive的地址交给模板,模板只会记住这个地址,以后这个地址对应的数据的变化,模板才会感知到,这就是所谓的响应性。而你却用let来定义,这样在赋值的时候,会生成一个新的地址,模板记住的那个地址就“无效”了,所以也就“失去”了响应性。

感谢。Object.assign方法很有用

Object.assign

注意:如果你使用的是 Vue 2,由于响应式机制的实现方式不同,你不能通过直接赋值的方式添加新的状态,你需要使用 set

这样就可以了。

正确的打开方式,像楼上那样。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航