【VUE学习】父组件传值至子组件(props),同时采用watch监听数据变化
父组件的数据传递到了子组件中,,但是页面没有变化,只有对代码再次刷新才可以将数据关联上。
·
继前几天遇到,组件与组件之间的传值后,又遇到了,父组件传值给子组件这个问题。
当然,学习嘛,就是遇到一个问题解决一个。
目标功能:父组件通过xx得到数据,将其传递至子组件中,子组件显示。
所遇问题:父组件的数据传递到了子组件中,通过console也确实捕捉到了,但是页面没有变化,只有对代码再次刷新才可以将数据关联上。
解决方法:使用watch来进行监听。
具体步骤:
父组件:
子组件:(通过watch,当数据发生变化时,数据会刷新)
watch:{
fileesheetvalue(newvalue){
this.filesheetvalue = newvalue
}
}
即可实现目标。
更多推荐
已为社区贡献1条内容
所有评论(0)