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
相关推荐
喝拿铁写前端10 分钟前
智能系统的冰山结构
前端
z_mazin15 分钟前
JavaScript逆向魔法:Chrome开发者工具探秘之旅
javascript·chrome·爬虫
绿草在线19 分钟前
Mock.js虚拟接口
开发语言·javascript·ecmascript
清风絮柳22 分钟前
52.个人健康管理系统小程序(基于springboot&vue)
vue.js·spring boot·毕业设计·前后端分离·健康管理系统·个人健康管理系统·个人健康管理小程序
时光追逐者1 小时前
在 Blazor 中使用 Chart.js 快速创建数据可视化图表
开发语言·javascript·信息可视化·c#·.net·blazor
无奈何杨1 小时前
扣子coze的AI工作流搭建技术,开源项目FlowGram流程搭建引擎
前端
ElasticPDF-新国产PDF编辑器1 小时前
Angular 项目 PDF 批注插件库在线版 API 示例教程
前端·pdf·angular.js
hz.ts1 小时前
Angular 国际化
javascript·ecmascript·angular.js
6武71 小时前
Vue 数据传递流程图指南
前端·javascript·vue.js
goto_w1 小时前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos