Dirección anterior en la caja desplegable para seleccionar el-valores predeterminados en el cuadro de pase-desplegables en vue
Si usted va a resolver el error, vaya a la Sección 3
<el-select v-model="form.Name">
<el-option v-for="item in dqList" :key="item.dqId" :label="item.name" :value="item.dqId"></el-option>
</el-select>
1. Como Quiero nombre dqid y los valores se pasan a un segundo plano, se pasaron a Nombre y Código
ponemos :value
en lugar JSON
:value="{'Code':item.dqid,'Name':item.name}">
Tenga en cuenta que es posible que se produzca un error que se selecciona cualquiera de los contenidos, es un nombre fijo sugiere, no cambia
en esto para tratar (uh, esto no es un fallo de funcionamiento se ha probado, pero no recibe el valor del fondo de )
:value="[{'Code':item.dqid,'Name':item.name}]">
2. :value="{'Code':item.dqid,'Name':item.name}">
fallo valor seleccionado no cambiará la apariencia de
Internet la solución más común
this.$set(this.form, 'Name', this.form.Name.Name)
Pero no es fácil de usar, escritura valor de nuevo que no reciben, deshacer
3. Los métodos de referencia para el autor del cuadro de selección vue-elemento para seleccionar el valor cambia, la pantalla no cambia
nuestro código modificado para
<el-select v-model="form.Name" @input="change">
<el-option v-for="(item, index) in dqList" :key="item.dqId" :label="item.name" :value="index"></el-option>
</el-select>
change (index) {
this.form.Name = this.dqList[index].name
this.form.Code = this.dqList[index].dqId
},
Escribió a su regreso a los parámetros del fondo
'Name': this.form.Name,
'Code': this.form.Code,
Nota: Este método no es compatible con suprimible