vue3中的v-model

60 阅读1分钟

v-model的可以在基础组件用,比如。也可以在自定义组件用。本文主要阐述在自定义组件中使用。

父组件: <HelloWorld v-model="value" v-model:test="test" />

子组件:

defineProps(["modelValue", "test"]);

const emit = defineEmits(["update:modelValue", "update:test"]);

emit("update:modelValue", "子组件改变的值");

emit("update:test", "子组件改变的值:test");`

v-model等价于 ::modelValue='value' @update:modelValue='value = $event' 相当于给子组件绑定了modelvalue值 并且再绑定update:modelValue事件