** Cualquiera tiene idea de cómo pasar múltiples componentes secundarios. valores de entrada **
<template> <div> <v-row align="center"> <v-select :items="languages" v-model="selectedOption" @input="changeLanguage()" outlined solo class="m-3" cols="12" sm="2" label="Select Language" ></v-select> <v-combobox @input-content="changeContent()" v-model="contents2" outlined solo class="d-inline-flex" cols="12" sm="2" label="Input Content" ></v-combobox> </v-row> </div> </template>** Mi carpeta de plantilla arriba, no dude en pedirme más código fuente **
<Child v-for="count in sec" :key="count" v-model="selectedLanguage" :languages="languages" :contents="contents" :input="onChangeChild" :inputContent="onChangeContent" />** Aquí está el código fuente de mi componente principal **
Parece que ya sabes lo que quieres y lo que necesitas. Y tenga las habilidades para mejorar su enfoque para resolver el problema.
Las propiedades por padre se pueden usar como modelo v en sus componentes más profundos.
También puede dividir su componente en varios si necesita administrar minuciosamente algunos valores. Si eso no le costaría más pruebas o cualquier otro recurso.
Cuando usa emit como un canal para comunicarse con el componente principal. Siempre trate de recordar que la carga útil que emite puede extenderse y diseñarse como quiera/necesite. Por ejemplo:
this.emit("updateMultiple", {
var: complexObject
anotherVar: moreComplexObject
})
Luego, puede administrar las emisiones de manera detallada dentro de un método que desglosa la carga útil según la necesidad de su tarea.
<input @updateMultiple="advancedFunction">
En los métodos:
advancedFunction(emitPayload) {
const inputOne = emitPayload.var
const inputTwo = emitPayload.anotherVar
//...further logic
},
Finalmente, puede administrar las emisiones en función de cuándo desea activarlas dentro de sus componentes secundarios.