<template>{{modelValue}}
<div class="form-item">
<label>{{label}}</label>
<input type="text" v-model="customText" />
</div>
</template>
<script>
import {
computed
} from "vue"
export default {
props: {
label: '',
modelValue: '',
},
emits: ['update:modelValue'],
setup(props, context) {
let customText = computed({
set(value) {
context.emit("update:modelValue", value)
},
get() {
return props.modelValue
}
})
return {
customText,
}
}
}
</script>
<style scoped>
</style>
setup方式的子组件v-model
最新推荐文章于 2023-08-09 09:00:00 发布