vue, как получить доступ к v-модели из дочернего компонента

Question

мой дочерний компонент похож на это

<editor v-model="edit_thread.body"></editor>

, а затем я получаю доступ к компоненту изнутри, как это

<template>
    <div>
        <input :value="this.value">
    </div>
</template>

<script>
    export default {
        data() {
            return {
                value: this.edit_thread.body
            }
        }
    }
</script>

не работает, я что-то пропустил?

Answer 1

Для используйте v-model для пользовательских компонентов , компонент должен:

• иметь prop (не data свойство) с именем value:

  <template>
    <div>
      <input :value="value">
    </div>
  </template>
  
  <script>
  export default {
    props: ['value']
  }
  </script>
  

• и испускают input событие с новыми значениями:

  <template>
    <div>
      <input @input="$emit('input', $event.target.value)">
    </div>
  </template>
  

демо