父组件代码:
<!-- 新增冲销 -->
<addConsume :form="form" @showConsume="getValue" /> // form是父组件要传给子组件的对象
子组件代码:
props: { //接收父组件传来的值 type依据传递的值的类型
form: {
type: Object,
default: () => {}
}
},
//在watch中获取数据
watch: {
form: { // 取接口返回值form
handler(val) {
if (val) {
for (const i in val) {
this.addForm[i] = val[i] //赋值给子组件定义的值
}
}
},
immediate: true,
deep: true //因为是传的对象,属于复杂的数据结构 所以用深层监听 deep
}
},