Vue.js 如何在Vue 3 Composition API中使用计算方法校正set v模型?

Vue.js 如何在Vue 3 Composition API中使用计算方法校正set v模型?,vue.js,vuejs3,vue-composition-api,Vue.js,Vuejs3,Vue Composition Api,我得到了一个组件: 从“vue”导入{computed}; 导出默认值{ 道具:{ 模型值:对象, }, 设置(道具,{emit}){ 常量customerComponentModel=计算({ 获取:()=>{ if(道具模型值){ 返回props.modelValue.Customer }否则{ 返回“” } }, 设置:(值)=>{ ???? }); 返回{customerComponentModel}; }, }; 如果我通过modelValue向其发送数据,该组件工作正常。如果在父

我得到了一个组件:


从“vue”导入{computed};
导出默认值{
道具:{
模型值:对象,
},
设置(道具,{emit}){
常量customerComponentModel=计算({
获取:()=>{
if(道具模型值){
返回props.modelValue.Customer
}否则{
返回“”
}
},
设置:(值)=>{
????
});
返回{customerComponentModel};
},
};
如果我通过modelValue向其发送数据,该组件工作正常。如果在父级中未设置props.modelValue,我如何设置customerComponentModel值?我希望以两种方式使用该组件-带props和不带props。
感谢您的帮助。

使用新对象值发出一个
更新:modelValue
事件。要仅更新
客户
字段,发出的值应该是
道具的克隆。modelValue
以及与新值相等的新
客户
字段:

导出默认值{
道具:{
模型值:对象,
},
设置(属性,{emit}){
常量customerComponentModel=计算({
//...
设置:(值)=>{
emit('update:modelValue'{
…props.modelValue,
顾客:价值,
})
}
});
返回{
客户组件模型
}
}
}