vue+elementUI dialog+select 第一次选择显示正常，第二次显示就错乱了,为啥？

Question

问题描述

dialog里面用select 第一次选择显示正常，第二次显示就错乱了

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <el-form :model="form" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm">
  <el-form-item label="隧道名称">
        <el-select v-model="form.constr" :value-key="constrId" placeholder="请选择隧道">
          <el-option
            v-for="item of tunnelContent"
            :key="item.constrId"
            :label="item.constrName"
            :value="item"
          ></el-option>
        </el-select>
  </el-form-item>
 </el-form>

这里显示正确，保存后显示正确

然后第二次进去就有值，但是我做了清空的操作了

显示不正确，保存后显示正确

Answer 1

你是指下拉框的全是选中状态码？那是因为你的value应该绑定一个id值

举个例子，你把代码改成:value='item.constrId',应该就好了

Answer 2

是不是把选择框的model和已经添加的list绑定到一块了？