Estoy escribiendo un formulario gigante y estoy tratando de simplificar el HTML. Estoy usando Ant Design Vue. Estoy tratando de convertir esto:

 // this works but is bloated and has repetition <a-form-model-item prop="value1" htmlFor="value1"> <a-input v-model="form.value1" name="value1" id="value1" /> </a-form-model-item>

dentro de esto

 // more concise and vue-ish <a-form-model-item v-bind="formProps('value1')"> <a-input v-bind="inputProps('value1')" /> </a-form-model-item> <script> ... formProps(key){return { prop: key, htmlFor: key, }}, inputProps(key){return { "v-model": this.form[key], <---- this doesn't work name: key, id: key, }}, ... </script>

Todos los accesorios se unen correctamente excepto el modelo v. Cuando observo las herramientas vue-dev, el modelo v aparece en $attrs. ¿Hay alguna forma de vincular dinámicamente otra directiva vue? ¿O es esto una quimera? Todavía un poco nuevo en vue. Obviamente, no es esencial. Lo hago de esta manera, solo quería saber/aprender más y no pude descifrarlo de los documentos.