父页面
<add-or-edit-dialog
v-if="editDialogVisible"
:dialog-visible="editDialogVisible"
:type="type"
v-bind.sync="currentItem"
@close="handleClose"
@submit="handleSubmit"
/>
传入的currentItem =
{
addValProductItems: [{name: ‘haha’,value:‘1’},{name: ‘xixi’,value:‘2’}]
}
子页面
export default {
inheritAttrs: false, // 设置
props: {
addValProductItems: { // 从currentItem里面结构出来
type: Array,
default: () => []
}
},
data() {
return {
hasProductList: [...this.addValProductItems]
}
}
methods: {
onUpItem() {
this.$emit('update:addValProductItems', []) // 自动更新父组件数据 不需要$emit
},
}