vue select 下拉框设置不显示 value，显示 value 对应的 label 值

从后台获取的数据填充之后，出现问题：

具体实现代码如下：

<el-form-item label="部门类型：">
          <el-select v-model="oneDepart.deptType" placeholder="请选择部门类型" class="diaRightLab">
            <el-option v-for="(item,index) in deptOptions" :key="index" 
              :value="item.value" :label="item.label">
            </el-option>
          </el-select>
</el-form-item>
data() {
    return {
      deptOptions: [
        {
          value: 0,
          label: '供电局部门'
        },
        {
          value: 1,
          label: '外来班组'
        }
      ]
}

经过查找发现了原因：value 的格式存在问题，数据库读取到的数据不一定为number类型。

解决方法：后台获取到数据之后，进行格式转换。如下所示：

this.oneDepart.deptType = Number(this.oneDepart.deptType)

页面效果：