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

 未完待续


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM