公司网站开发比选北京广告设计公司

vue3的v-model使用

• 单个绑定值

子组件

props: [‘modelValue’],
emits: [‘update:modelValue’],
注：modelValue是默认的，如果只有一个需要绑定v-model，可使用modelValue
此时父组件写法

<CustomInput v-model="searchText" />

• 多个绑定值
  绑多个v-model

子组件

  props: ['title1'],emits: ['update:title1'，'update:title2']//使用：
this.$emit('update:title1', value)//可配合计算属性computed: {value: {get() {return this.title1},set(value) {this.$emit('update:title1', value)}}}

父组件
v-model:跟具体的名字

<MyComponent v-model:title1="bookTitle1"   v-model:title2="bookTitle2"/>