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

Question

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

Answer 1

text-editor 分量：

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

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

parent

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

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

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

Get v-model value in child component Vue

javascript

prop

vue.js

vuetify.js