Tengo un v-for en un v-for . Después de hacer clic en mi dropdown-item seleccionado, paso mis datos a mis methods ; esto funciona bien, por supuesto.
Pero ahora necesito el itemDropdown.ID exacto en otra función en mis métodos...
¿Tengo que pasar datos de un método a otro o cómo puedo resolver eso?
¡Gracias!
<div v-for="(item, index) in json" :key="index"> <b-dropdown text="Selection" right> <b-dropdown-item v-for="(itemDropdown, indexDropdown) in json2" :key="indexDropdown" @click="inputDropdown(itemDropdown.ID)">{{itemDropdown.Name}}</b-dropdown-item> </b-dropdown> </div> methods: { inputDropdown(ID) { //Some code }, anotherFunction(here I need this itemDropdown.ID as well!) //Do some code too } }Creo que sería mejor escribir algún método de controlador como ese y también puede extender el uso con otros métodos.
<div v-for="(item, index) in json" :key="index"> <b-dropdown text="Selection" right> <b-dropdown-item v-for="(itemDropdown, indexDropdown) in json2" :key="indexDropdown" @click="dropdownClickHandler(itemDropdown.ID)">{{itemDropdown.Name}}</b-dropdown-item> </b-dropdown> </div>Creo que sería más legible en un uso como ese.
methods: { dropdownClickHandler(ID) { this.inputDropdown(ID); this.anotherFunction(ID); }, inputDropdown(ID) { //Some code }, anotherFunction(ID) // Some code } }