How to use v-model on component in vue 3 script setup
In vue 3 value
prop has been changed to modelValue
and the emitted event input
to update:modelValue
:
// Child.vue<template> <input class="input" type="text" :placeholder="props.label" :value="props.modelValue" v-on:input="updateValue($event.target.value)" /></template><script setup>import { defineProps, defineEmit } from 'vue'const props = defineProps({ label: String, modelValue: String})const emit = defineEmit(['update:modelValue'])function updateValue(value) { emit('update:modelValue', value)}</script>