<template>{{modelValue}}
<div class="form-item">
<label>{{label}}</label>
<input type="text" v-model="customText" />
</div>
</template>
<script>
export default {
props: {
label: '',
modelValue: '',
},
emits: ['update:modelValue'],
computed: {
customText: {
get() {
return this.modelValue
},
set(value) {
this.$emit('update:modelValue', value)
}
}
}
}
</script>
<style scoped>
</style>
VUE3的组件v-model简单实现
最新推荐文章于 2024-06-06 21:58:56 发布