我想通过介绍来显示第一个名字和最后名称。 在信息领域,即宣布推进剂。 一、导 言 vue by v-model:propsname = “form.introduction.propsname” 。 i 正在“内部和带”出现错误;
Introduction.vue
<template>
<form>
<InformationField
v-model:firstname="form.introduction.firstname"
v-model:lastname="form.introduction.lastname"
/>
</form>
</template>
<script>
import InformationField from ./InformationField.vue ;
export default {
components: {
InformationField,
},
setup(){
const form = ref({
introduction:{
firstname: ,
lastname: ,
}
})
}
};
</script>
Information Field.vue
<template>
<div>
<label>
Firstname
<input
type="text"
@input="$emit( update:firstname , $event.target.value)"
:value="firstname"
ref="firstnameRef"
placeholder="firstname"
/>
</label>
<label>
Lastname
<input
type="text"
@input="$emit( update:lastname , $event.target.value)"
:value="lastname"
placeholder="lastname"
/>
</label>
</div>
</template>
<script>
export default {
props: {
firstname: {
type: String,
default: "",
},
lastname: {
type: String,
default: "",
}
},
};
</script>