el-select码值枚举

当码值的数据是自己写的时候:

例如:isOrNo:{label:'是',value:'1'},{label:'否',value:'2'},

当传给后端值时下拉选择是,值为1,我们当前拿到的只是值为value:1,label值为拿到,我们就需要把label值取到。

方法如下:

第一种方法:

复制代码
<template>
	<span>{{ dockingChannel| formatFilter(isOrNo) }}</span>
</template>

export default {
	formatFilter(value, options) {
      if (!value || !options) {
        return ''
      }
      const option = options.filter(item => item.value === value)
      return option[0].label
    }
  },
}

第二种方法:

复制代码
this.isOrNo.find(i => i.id === dockingChannel).label
相关推荐
mantou1324 分钟前
从纯 CSR 到 SSR:用 WebComponents 做一个 Next.js 式框架 Gemkit
前端·全栈·web components
cidy_985 分钟前
深度拆解任务工作台架构:左右分栏、队列管理、实时刷新全方案
前端
Linye8 分钟前
告别“PRD 与原型两张皮”!我们把可交互原生组件直接嵌进了需求文档,还能双向回写 Markdown
前端
deli0078 分钟前
RSA 为什么公开公钥也解不开?2 个质数拆开实测一遍
前端
ModyQyW8 分钟前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app
门思科技14 分钟前
把 ThinkLink 接进 Home Assistant 与 Node-RED:一条 MQTT 转发器能走通的路
前端
没事写点啥26 分钟前
WeKnora 回答溯源
前端·后端·ai编程
LuHang1 小时前
Vue3 大屏项目 MQTT 实战:机场与无人机 OSD 实时数据总线
前端
2401_885885041 小时前
芬兰语音通知接口怎样对接?语音提醒接入流程
android·前端·python·php·语音识别
铁皮饭盒1 小时前
这6个小模型各有绝活, 且都可cpu/浏览器端运行
前端·后端