element-ui Select 选择器 默认赋value值时不匹配label中对应值

未修改前效果

代码如下

可以看出该下拉框中显示的数据为 value 值而非 label 值

---

通过查阅资料发现我的 value 格式和传入的v-model 值得类型不一致

可以看出控制台打印的 deptno 的值为 int 而我们传入的事String

---

//原代码
for (let i = 0;i < res.data.data.data.length; i++){
    this.deptnames.push({
        "deptname":res.data.data.data[i].deptname,
        "deptno":res.data.data.data[i].deptno,
        "isuse":res.data.data.data[i].isuse
    })
}

//修改后的代码
for (let i = 0;i < res.data.data.data.length; i++){
    this.deptnames.push({
        "deptname":res.data.data.data[i].deptname,
        "deptno":res.data.data.data[i].deptno.toString(),//将获取到的int类型转成String类型问题得到解决
        "isuse":res.data.data.data[i].isuse
    })
}

修改后的截图

参考：elementUI的el-select 默认值显示value不显示label问题