Vue.js 如何将动态值设置为v-select、vuetify、vuejs?

Vue.js 如何将动态值设置为v-select、vuetify、vuejs?,vue.js,vuetify.js,Vue.js,Vuetify.js,我有一个select,它动态地填充了vehiculos_usuarios信息,数组包含对象,其值为​​显示在v-select中 如何在v-select中预定义一个值,同时执行@change=vehicleulectionado函数?仅当在select中进行更改时才会执行此功能,这不是我想要的 <template> <v-flex xs12 sm6 d-flex> <v-select :items="vehiculos_usuari

我有一个select,它动态地填充了vehiculos_usuarios信息,数组包含对象,其值为​​显示在v-select中

如何在v-select中预定义一个值,同时执行@change=vehicleulectionado函数?仅当在select中进行更改时才会执行此功能,这不是我想要的

<template>
    <v-flex xs12 sm6 d-flex>
      <v-select
        :items="vehiculos_usuario"
        label="Selecciona vehiculo"
        item-text="nombre"
        item-key="vehiculos_usuario"
        item-value="id"
        return-object
        @change="vehiculoSeleccionado"
       ></v-select>
    </v-flex>
</template>
<script>
export default {
  data() {
      return {
         vehiculos_usuario: [
            {
             id: "-L_UU2Ca0hEruJ8Yxwt2"
             idcategoria: "-LWPTMu1m4WYO1wzJFiv"
             nombre: "Mazda 2019 - PP223PRL"
             placa: "P223PRL"
            },
            {
             id: "-L_UYxSRD9_1rb02fp5X"
             idcategoria: "-LWPRsmK3uBYWGeixA8E"
             nombre: "Honda - Moto - CC222RRR"
             placa: "C222RRR"
            }
         ]
     }
  },
  methods:{
   vehiculoSeleccionado(val){
    console.log("Vehiculo Seleccionado");
    console.log(val);
   }
  }
}
</script>
通过这种方式,您可以看到:

基本上,我希望在启动视图时,select包含来自Vehicleulos_Usarios信息的预定义值,它应该是这样的,同时执行 功能车辆选择保护

非常感谢。

您缺少一个v型模型,该模型应包含示例中选定的值

要解决发生在您身上的问题,您可以做的是使v-model等于默认情况下要显示的元素,并且在创建视图时,可以启动传递v-model的函数,默认情况下,v-model为VehicleulReccionado vModelSelect

它可能看起来像这样

导出默认值{ 资料{ 返回{ 选择编辑项:{ id:'-L_UU2Ca0hEruJ8Yxwt2', idcategoria:'-LWPTMu1m4WYO1wzJFiv', 名称:“马自达2019-PP223PRL”, placa:‘P223PRL’, }, 车辆(U U usuario):[ { id:'-L_UU2Ca0hEruJ8Yxwt2', idcategoria:'-LWPTMu1m4WYO1wzJFiv', 名称:“马自达2019-PP223PRL”, placa:‘P223PRL’, }, { id:'-L_UYxSRD9_1rb02fp5X', idcategoria:'-LWPRsmK3uBYWGeixA8E', 名称:“本田-摩托-CC222RRR”, 普拉卡:“C222RRR”, } ] } }, 方法:{ 车辆选择保护阀{ console.LogVehicleulo Seleccionado; console.logval; } }, 创造{ this.vehicleuloselectiondothis.selectedItem } }
你可以从vuetify团队那里了解一下如何为selects赋予默认值,这里可能回答了“不完全”的可能重复,因为尽管他也在问题中遗漏了这一点,但他想触发一个函数,这不仅仅是遗漏值,我还必须让函数运行