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

Question

我在我的 Vuetify 应用程序中使用 Vue2Editor。我将 text-editor 的组件制作为:

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

它的 Prop 是:

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 prop 但没有工作)，这样我就不会得到重复的代码，有什么建议吗？

Answer 1

文本编辑器组件:

<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://v2.vuejs.org/v2/guide/components.html#Using-v-model-on-Components