小编Nag*_*ndo的帖子

如何将 v-model 值从父组件传递到子组件的子组件？

父组件

<ChildElement v-model="name" />

<script>
import { ref } from "vue";
export default {
  setup() {
    const name = ref('Nagisa')
  }
};
</script>

子组件

<AnotherChildComponent :value="value"/>

<script>
export default {
  props: {
    value: {
      type: String,
      default: ""
    }
  },
  emits: ['update:modelValue']
};
</script>

AnotherChild 组件

<input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />

<script>
export default {
  props: {
    modelValue: {
      type: String,
      default: ""
    }
  },
  emits: ['update:modelValue'],
  setup() {
  }
};
</script>

当我想从 AnotherChild 组件更新父组件名称值时，这是有效的，但是默认名称值（“Nagisa”）不会在 AnotherChild 组件中呈现，只是在输入中保留空字符串。 …