继前几天遇到,组件与组件之间的传值后,又遇到了,父组件传值给子组件这个问题。
当然,学习嘛,就是遇到一个问题解决一个。
目标功能:父组件通过xx得到数据,将其传递至子组件中,子组件显示。
所遇问题:父组件的数据传递到了子组件中,通过console也确实捕捉到了,但是页面没有变化,只有对代码再次刷新才可以将数据关联上。
解决方法:使用watch来进行监听。
具体步骤:
父组件:
子组件:(通过watch,当数据发生变化时,数据会刷新)
watch:{fileesheetvalue(newvalue){this.filesheetvalue =newvalue }}
即可实现目标。
如果觉得《【VUE学习】父组件传值至子组件(props) 同时采用watch监听数据变化》对你有帮助,请点赞、收藏,并留下你的观点哦!