(vue)el-checkbox 实现展示区分 label 和 value（展示值与选中获取值需不同）

时间：2024-04-16 11:20:50

(vue)el-checkbox 实现展示区分 label 和 value（展示值与选中获取值需不同）

后端数据

在这里插入图片描述

解决方法

在 el-checkbox 标签中间传入要展示的文本即可，代码如下：

<el-checkbox-group
  v-model="formInline.processFieldList"
  @change="handleChecked"
>
  <el-checkbox
    v-for="(item,index) in ziduanOptions"
    :key="index"
    :label="item.projectName" //真实获取的值
  >{{ item.projectAbbrName }}</el-checkbox> //展示值
</el-checkbox-group>

解决参考：https://blog.****.net/jiangjunyuan168/article/details/135827230

相关文章