el-select选项值不显示lable值，显示value值

最新推荐文章于 2024-04-16 16:09:05 发布

想睡八个小时

最新推荐文章于 2024-04-16 16:09:05 发布

阅读量884

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_43916677/article/details/126638210

版权

问题：将后端返回的值放进chargeUnitNameList数组里，el-select从该数组取值，但是显示的是value的值，想要显示lable的值，通过console.log打印出来该数组，value和lable值正常放进数组去了。
在这里插入图片描述

相关代码：

<el-form-item :label="chargeUnitNameLable" prop="chargeUnitName">
          <el-select
              v-model="form.chargeUnitName"
              filterable
              clearable
              reserve-keyword
              placeholder="请输入关键词"
              :loading="loading">
              <el-option
                v-for="item in chargeUnitNameList"
                :key="item.value"
                :lable="item.lable"
                :value="item.value">
              </el-option>
            </el-select>
        </el-form-item>