vue父组件内数据改变后,子组件页面不刷新问题
想要实现效果:问题描述:子组件是一个表单,表单内数据变化后,在父组件会自动保存并获取计算公式的值,但是获取到公式的值后页面无法刷新,如图:解决方法:(可能有朋友会说使用Vue的set来强制刷新,但是强制刷新的是父组件的数据和页面,子组件依旧没有刷新)我的办法是给子组件加一个key,得到公式 的值后key也随之改变,子组件也会跟着改变。如下图:timeRefusr的初始值我用的当前时间的时间戳:ti
·
想要实现效果:
问题描述:子组件是一个表单,表单内数据变化后,在父组件会自动保存并获取计算公式的值,但是获取到公式的值后页面无法刷新,如图:
解决方法:
(可能有朋友会说使用Vue的set来强制刷新,但是强制刷新的是父组件的数据和页面,子组件依旧没有刷新)
我的办法是给子组件加一个key,得到公式 的值后key也随之改变,子组件也会跟着改变。如下图:
timeRefusr的初始值我用的当前时间的时间戳:timeRefusr: new Date().getTime(),
在公式值改变后刷新timeRefusrthis.timeRefusr = new Date().getTime()
就大功告成了
更多推荐
已为社区贡献8条内容
所有评论(0)