Saltar al contenido

Establecer el valor inicial de vuetify v-select

Si hallas algún error con tu código o proyecto, recuerda probar siempre en un entorno de testing antes aplicar el código al proyecto final.

Solución:

Creo que hay dos problemas con su configuración. En primer lugar, el valor inicial debe ser uno de los options en selectes decir, deberías tener people incluye tu defaultSelected; En segundo lugar su objeto debe contener un value campover v-select accesorios. De lo contrario, debe especificar item-value apuntalar; Vea un ejemplo de trabajo aquí.



Vue.use(Vuetify);

 const vm = new Vue(
  el: "#app",
  data: 
    defaultSelected: 
      name: "John",
      last: "Doe"
    ,
    people: [
      
        name: "John",
        last: "Doe"
      ,
      
        name: "Harry",
        last: "Potter"
      ,
      
        name: "George",
        last: "Bush"
      
    ]
  
);

Respuesta alternativa para aquellos que encuentran esta pregunta en una búsqueda…

Cómo seleccionar el valor predeterminado utilizando un attribute de un objeto




Ejemplo de violín: https://jsfiddle.net/4c3tbj6m/

Explicar el uso:

v-model es un método de interfaz especial para el value attribute de un campo.

item-value="id" le dice a la input campo que attribute de un seleccionado object fila de elementos a set como el value de input.user_id

item-text="name" le dice al campo lo que attribute de un seleccionado object fila de elemento a usar para mostrar como el texto seleccionado.

Ver Documentación Oficial sobre v-model.

El ejemplo anterior es un select campo tan v-model representa el valor de lo que sería un selected attribute de un option elemento como el siguiente:

El valor de input.user_id es el elemento seleccionado (valor establecido por el v-model unir)

A continuación, puede PUBLICAR la totalidad de input (si se agregan más campos de entrada) pero en este caso solo hay user_id ahí:


methods: 

  save() 

    axios.post('/my/api/example', this.input).then(response => 

      console.log(response);

    )

  



SAVE

Esta voluntad POST un JSON objeto al punto final de sus servidores /my/api/example formateado así:


  "user_id": 1

Sección de Reseñas y Valoraciones

Si guardas alguna duda y disposición de arreglar nuestro artículo eres capaz de ejecutar una explicación y con mucho gusto lo interpretaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *