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
相关推荐
Ryan今天学习了吗几秒前
从零开始实现命令式组件ElMessage(附代码)
前端
用户203119660096几秒前
padding和frame在使用中的顺序问题
前端
资深前端外卖员2 分钟前
【nodejs高可用】Nodejs应用安全防范的问题总结
前端·javascript
袁煦丞2 分钟前
高效文件传输工具FastSend:cpolar内网穿透实验室第567个成功挑战
前端·程序员·远程工作
嘻嘻嘻嘻嘻嘻ys6 分钟前
《Spring Boot 3响应式架构实战:R2DBC驱动的高并发数据持久化革命》
前端·后端
滚石_stars7 分钟前
了解 CSS 的 display: inline-flex;
前端
程序员Bears7 分钟前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code
进取星辰7 分钟前
14、服务端组件:未来魔法预览——React 19 RSC实践
前端·react.js·前端框架
前端大白话13 分钟前
Vue2和Vue3语法糖差异大揭秘:一文读懂,开发不纠结!
javascript·vue.js·设计模式
剽悍一小兔13 分钟前
小程序发布后,不能强更的情况下,怎么通知到用户需要去更新?
前端