vue 父组件传值给子组件不存在时报错

 

 

 需求：点击编辑的时候需要将这一行的数据传给子组件，子组件是一个dialog

 

 父组件通过props方式给子组件传值

 

 在子组件里这么去接收

 

 然后去给子组件的表单赋值

 

 在页面初始化的时候就会报错

 

 

 

因为初始化的时候 editrow 这个object 里面没有这些属性，所以就会报错

现在解决：

第一种方法：使用computed

 

 这种方法可以解决报错问题，但是当我们编辑输入框的时候并不能赋值，因为我们只定义了属性的get方法没有定义set方法，就需要每个方法按如下去修改，这样会很麻烦

 

 第二种方法：定义一个带有默认属性的object

 

 这样就不会报错了

只需要在编辑的时候将点击的那一行的数据赋值给这个默认obj就可以了：

父组件传递参数

 

 子组件接收参数