今天解决了一个父组件给子组件传值的问题,简单概述下就是子组件打印出的父组件传过来的值为空,以及加了watch监听传值改变之后表单界面不显示数据的问题。(本文涉及到vue以及ant-design表单)
首先,父组件传值给子组件,子组件打印出的穿过来的数据为空。利用watch来监听传过来值的变化。
父组件:父组件中定义 modalData:{} (定义传递的值为一个对象)
子组件:
子组件接受父组件传递过来的值,利用watch进行监听传递值的变化。如果想在表单上显示相应的数据,只需要在watch中引入methods中的方法(截图中的initForm方法),才能在界面中显示出来。