失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 【VUE学习】父组件传值至子组件(props) 同时采用watch监听数据变化

【VUE学习】父组件传值至子组件(props) 同时采用watch监听数据变化

时间:2022-01-06 18:28:27

相关推荐

【VUE学习】父组件传值至子组件(props) 同时采用watch监听数据变化

继前几天遇到,组件与组件之间的传值后,又遇到了,父组件传值给子组件这个问题。

当然,学习嘛,就是遇到一个问题解决一个。

目标功能:父组件通过xx得到数据,将其传递至子组件中,子组件显示。

所遇问题:父组件的数据传递到了子组件中,通过console也确实捕捉到了,但是页面没有变化,只有对代码再次刷新才可以将数据关联上。

解决方法:使用watch来进行监听。

具体步骤:

父组件:

子组件:(通过watch,当数据发生变化时,数据会刷新)

watch:{fileesheetvalue(newvalue){this.filesheetvalue =newvalue }}

即可实现目标。

如果觉得《【VUE学习】父组件传值至子组件(props) 同时采用watch监听数据变化》对你有帮助,请点赞、收藏,并留下你的观点哦!

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