父子组件v-bind同步更新参数

父页面

	<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
    },
  }
上一篇:vue初识


下一篇:Maxima 使用教程