本文介绍了一种解决Vue中子组件数据变化后，父组件无法刷新子组件视图的问题。通过在子组件上设置key，并在父组件接收到新公式值后更新key，强制子组件重新渲染，从而实现页面刷新。这种方法避免了使用Vue的set方法直接刷新整个组件，确保了子组件的更新。
想要实现效果：
问题描述：子组件是一个表单，表单内数据变化后，在父组件会自动保存并获取计算公式的值，但是获取到公式的值后页面无法刷新，如图：
解决方法：
（可能有朋友会说使用Vue的set来强制刷新，但是强制刷新的是父组件的数据和页面，子组件依旧没有刷新）
我的办法是给子组件加一个key,得到公式 的值后key也随之改变，子组件也会跟着改变。如下图：
timeRefusr的初始值我用的当前时间的时间戳：timeRefusr: new Date().getTime(),
在公式值改变后刷新timeRefusrthis.timeRefusr = new Date().getTime()就大功告成了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
