하위 구성 요소에서 v-model에 액세스하는 방법 vue

하위 구성 요소에서 v-model에 액세스하는 방법 vue

나의 자식 구성 요소는 다음과 같다.

<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>

일 안 하는데, 뭐 그리운 거 있어?

사용자 지정 구성 요소에 사용하려면 구성 요소:

• (재산이 아니다)라는 이름을 가지고 있다value:

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

• 그리고 새로운 값을 갖는 이벤트를 내보낸다.

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

데모를 하다

참조URL: https://stackoverflow.com/questions/52472074/vue-how-to-access-v-model-from-child-component