quizás es muyyy fácil pero estoy arrancando. Tengo el siguiente código que funcionaba bien, pero le agregué el multiple al v-select y se me complicó. Al agregar una marca y VARIOS modelos sólo crea un sólo objeto, y necesito que me agrege un objeto abajo de otro. Ejemplo, si elijo la marca Ford y los modelos Focus, Ka y Mondeo, quiero que el listado muestre:
objetc: Marca: Ford Modelo: Focus
object: Marca: Ford Modelo: Ka
object: Marca: Ford Modelo: Mondeo
Muchas gracias de antemano!
<v-select
v-model="marca"
:on-search="selectMarca"
label="marca"
:options="arrayMarca"
placeholder="Buscar Marca...">
</v-select>
<v-select multiple
v-model="modelo"
:on-search="selectModelo"
label="model"
:options="arrayModelo"
placeholder="Buscar Modelo...">
</v-select>
<button @click="agregarDetalle()">
<tbody v-if="arrayDetalle.length">
<tr v-for="(detalle,index) in arrayDetalle" :key="detalle.id">
<td class="align-middle" v-text="detalle.marca"></td>
<td class="align-middle" v-text="detalle.modelo"></td>
</tr>
</tbody>
-------------------------------------------------------
<script>
import vSelect from 'vue-select';
export default {
data (){
return {
marca:'',
modelo:[],
}
},
components:{
vSelect
},
methods : {
agregarDetalle(){
let me=this;
me.arrayDetalle.push({
marca: me.marca,
modelo: me.modelo,
});
},
},
</script>