Vue.js 如何将动态值设置为v-select、vuetify、vuejs?
我有一个select,它动态地填充了vehiculos_usuarios信息,数组包含对象,其值为显示在v-select中 如何在v-select中预定义一个值,同时执行@change=vehicleulectionado函数?仅当在select中进行更改时才会执行此功能,这不是我想要的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
<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赋予默认值,这里可能回答了“不完全”的可能重复,因为尽管他也在问题中遗漏了这一点,但他想触发一个函数,这不仅仅是遗漏值,我还必须让函数运行