父组件数据更新子组件不更新
时间: 2023-11-20 17:05:14 浏览: 91
当父组件通过props传递数据给子组件时,如果父组件数据改变,但是子组件上的数据不会相应的更新,这是因为setup只能运行一次,无法响应式更新props传递的数据。为了解决这个问题,我们可以使用watchEffect来监听props传递的数据,当数据改变时,手动更新子组件的数据。另外,也可以使用Vue提供的$set方法,在父组件渲染之前,给要渲染的数据对象增加属性,保证被Vue拦截加了getter和setter,从而实现响应式更新。此外,还可以使用provide/inject来实现父子组件之间的数据传递,从而避免props传递数据时的问题。
阅读全文