Skip to main content
1 de 2

VUE, tabla con multiples V-Select

estoy creando una tabla en VUE generada dinamicamente de unos datos pasados con JSON, dentro de la tabla modifico un campo para que se pueda escoger entre unas opciones.

Cuando se selecciona ejecuta una función, hasta aquí todo correcto.

El problema es visual, cuando hago la selección en uno de los Selects, todos los otros cogen el mismo valor, solo es visual, no ejecutan la función.

<v-data-table
            :headers="headers"
            :items="liniesCam"
            :items-per-page="20"
            :search="search"
            class="elevation-1"
            :loading="myloadingvariable" 
            loading-text="Cargando los datos... espera por favor"
        >

        <template v-slot:[`item.diesPerRepartir`]="{ item }">
          <v-select v-if="item.diesPerRepartir.length > 1 "
            :items="item.diesPerRepartir"
            label="Fecha de planificación"
            v-model = "dataRep"
            :id = "item.zt"
            :name = "item.zt"
            @change="guardarData(item.idLinia, item.merma)"
          ></v-select>
          <p v-else>{{ item.diaReparto}}</p>
        </template>

Formulario al cargar la pagina

Tabla creada

Seleccion en la primera fila

[introducir la descripción de la imagen aquí][2

Las tres filas cambian el contenido

introducir la descripción de la imagen aquí