100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 关于Vue父子组件传值(prop)那些事儿

关于Vue父子组件传值(prop)那些事儿

时间:2019-08-29 05:06:20

相关推荐

关于Vue父子组件传值(prop)那些事儿

今天解决了一个父组件给子组件传值的问题,简单概述下就是子组件打印出的父组件传过来的值为空,以及加了watch监听传值改变之后表单界面不显示数据的问题。(本文涉及到vue以及ant-design表单)

首先,父组件传值给子组件,子组件打印出的穿过来的数据为空。利用watch来监听传过来值的变化。

父组件:父组件中定义 modalData:{} (定义传递的值为一个对象)

子组件:

子组件接受父组件传递过来的值,利用watch进行监听传递值的变化。如果想在表单上显示相应的数据,只需要在watch中引入methods中的方法(截图中的initForm方法),才能在界面中显示出来。

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