获取子组件Vue中的v-model值答案

【问题标题】：Get v-model value in child component Vue获取子组件Vue中的v-model值
【发布时间】：2019-08-20 07:42:35
【问题描述】：

我在我的 Vuetify 应用程序中使用 Vue2Editor。我已将text-editor 的组件设为：

<vue-editor
  :value="text"
  @input="updateText"
></vue-editor>

它的道具是：

props: {
  text: {
    type: String,
    required: true
  }
},

为了验证，我在父组件中调用它并给它 v-model （VeeValidate 需要它）：

<text-editor
  :text="UnitData.Details"
  v-model="UnitData.Details"
  @updateText="UnitData.Details = $event"
  data-vv-name="details"
  v-validate="'required|min:100'"
/>

现在看，text 和 v-model 具有相同的值，我需要在我的子组件中获取 v-model （使用了 vModel 道具但没有工作），所以我不'最终不会出现重复的代码，有什么建议吗？

【问题讨论】：

标签： javascript vue.js vuetify.js prop

【解决方案1】：

text-editor组件：

<vue-editor
  :value="value"
  @input="updateText"
></vue-editor>

props: {
  value: {
    type: String,
    required: true
  }
},
methods: {
  updateText () {
    this.$emit('input', this.value)
  }
}

父母

<text-editor
  v-model="UnitData.Details"
/>

见https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components

【讨论】：

我在这里找不到答案。 this.value 对我不起作用，this.modelValue 或 this.$parent.data（未定义）也不起作用。我使用 Vue 3。