vue3 组件之间v-model绑定

1.默认用法

   在父组件<ChildComponent v-model="isVisible" />

   子组件可以

 props: {
    modelValue: { type: Boolean, required: true }
  },
  emits: ['update:modelValue'],
  function close() {
      emit('update:modelValue', false)
    }

modelValue是子组件接收v-model="isVisible" 的默认名字

2.自定义名字

在父组件 <ChildComponent v-model:ImageCredit="isVisible" />

  props: {
    ImageCredit: { // 自定义 prop 名称
      type: Boolean,
      required: true,
      default: false
    }
  },
  emits: ['update:ImageCredit'], // 必须声明对应事件
    function handleChange() {
      emit('update:ImageCredit', false) // 触发更新
    }

子组件用自定义的名字ImageCredit 来接收和更新