vue3中v-model的父子传值问题

今天写项目发现vue3中v-model的父子传值的默认值改变了

 

在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", 内容);

 未完待续

posted @ 2021-06-03 15:01  生物体  阅读(1600)  评论(0)    收藏  举报
// 点击出现雪花