1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue父组件内数据改变后 子组件页面不刷新问题

vue父组件内数据改变后 子组件页面不刷新问题

时间:2021-03-14 01:47:27

相关推荐

vue父组件内数据改变后 子组件页面不刷新问题

想要实现效果:

问题描述:子组件是一个表单,表单内数据变化后,在父组件会自动保存并获取计算公式的值,但是获取到公式的值后页面无法刷新,如图:

解决方法:

(可能有朋友会说使用Vue的set来强制刷新,但是强制刷新的是父组件的数据和页面,子组件依旧没有刷新)

我的办法是给子组件加一个key,得到公式 的值后key也随之改变,子组件也会跟着改变。如下图:

timeRefusr的初始值我用的当前时间的时间戳:timeRefusr: new Date().getTime(),

在公式值改变后刷新timeRefusrthis.timeRefusr = new Date().getTime()就大功告成了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。