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

对于use v-model on custom components，组件需要：

具有一个名为value的{{3}}（不是prop属性）：

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

<script>
export default {
  props: ['value']
}
</script>

和data带有新值：

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

emit an input event

vue如何从子组件访问v模型

1 个答案: