组件中的多个v-model

Question

有没有办法让这段代码更简单呢？

<b-address 
    v-model:name="address.name" 
    v-model:addressLine="address.addressLine"
    v-model:streetNumber="address.streetNumber" 
    v-model:town="address.town" 
    v-model:country="address.country"
    v-model:postcode="address.postcode" 
    v-model:phoneNumber="address.phoneNumber"
    v-model:homeAddress="address.homeAddress" 
/>

如果能有一些速记就好了，就像这样：

<b-address 
    v-model="address" 
/>

那么，由于b-address是一个组件，而address是一个对象，速记就很好了！有什么想法吗？谢谢

Answer 1

如果组件不是由你制造的，或者你没有可能去修改代码，那么你不能:(

如果相反，组件是您的，那么一个假设就是使用v-model:fullAddress将整个对象作为一个模型进行访问！

结果如下所示

<b-address v-model:fullAddress="address" />