Los datos de unión como vue seleccionar un valor de parámetro como una pluralidad de pase / selección de cambio de valor, el cambio en la pantalla bug

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 :valueen 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

Publicado 38 artículos originales · ganado elogios 1 · vistas 5159

Supongo que te gusta

Origin blog.csdn.net/ShangMY97/article/details/103957253
Recomendado
Clasificación