@IT·互联网

v-model父子传值

2021-11-04  本文已影响0人  元宇宙编程
在vue2.x中

父组件绑定v-model

<tinymce :height="600" v-model="item.html" />

子组件通过props接收,默认值是value

 props: {
  value: {
    type: String,
    default: ""
   }
 }

子组件通过input方法像父元素v-model传值,默认方法是input

this.$emit("input", 内容);
但在vue3中的默认值改变了

子组件通过props接收,默认值是modelValue

 props: {
  modelValue: {
     type: String,
     default: ""
  }
}

子组件通过update:modelValue方法像父元素v-model传值,默认方法是update,:后面是需要传值的父元素绑定的值

 this.$emit("update:modelValue", 内容);
上一篇 下一篇

猜你喜欢

热点阅读