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

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


后端数据


解决方法

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

c 复制代码
<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.csdn.net/jiangjunyuan168/article/details/135827230

相关推荐
李剑一16 小时前
vitepress中logo打包丢失
vue.js
融化的雪16 小时前
reactflow整理节点,尾节点位置的大坑
开发语言·前端·javascript
Gazer_S17 小时前
【理解React Hooks与JavaScript类型系统】
前端·javascript·react.js
鹏多多17 小时前
前端IndexedDB数据库高效管理插件localForage的教程+案例
前端·javascript·vue.js
艾小码18 小时前
告别加班!这些数组操作技巧让前端开发效率翻倍
前端·javascript
Rhys..19 小时前
ES6是什么
前端·javascript·es6
Jammingpro20 小时前
【Vue专题】前端JS基础Part1(含模版字符串、解构赋值、变量常量与对象)
前端·javascript·vue.js
quweiie1 天前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui
闲蛋小超人笑嘻嘻1 天前
树形结构渲染 + 选择(Vue3 + ElementPlus)
前端·javascript·vue.js
巴博尔1 天前
uniapp的IOS中首次进入,无网络问题
前端·javascript·ios·uni-app