0

Hola buenas noches estoy haciendo un componente con vuejs en donde tengo un formulario dentro de un ciclo con un select pero tengo el inconveniente que el select como es el mismo me afecta los demás y necesito que el comportamiento de los selects sea independiente, como puedo lograr este comportamiento. De antemano muchas gracias por la ayuda:

    <div class="col-md-4 my-2" v-for="producto in productos" :key="producto.id">
    <div>{{producto.nombre}}</div>
    <select class="form-control" v-model="selected">
       <option value="0" selected>pequeño</option>
       <option value="1">mediano</option>
       <option value="2">grande</option>
     </select>
    </div>

    data() {
       return {
          nombre: '',
          arrayProducto: [],
          selected: ''
       }
   },
7
  • usa un modelo de datos diferente para cada uno. el 2 jun. 2020 a las 3:33
  • pero es que este select lo tengo por cada uno de los registros que traigo desde una base de datos...
    – Anonimo21
    el 2 jun. 2020 a las 3:34
  • y puedes guardarlo en varias variables en vez de una. Para más ayuda pon más código. el 2 jun. 2020 a las 4:38
  • El v-model puedes usarlo como un componente del item del primer v-for, agrega mas código para ver el caso el 2 jun. 2020 a las 5:14
  • Ya edite el codigo...
    – Anonimo21
    el 2 jun. 2020 a las 13:19

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.