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
相关推荐
前端缘梦2 分钟前
LangGraph 核心特性技术详解:流式输出、持久化、记忆体系与中断实战。
前端·人工智能·程序员
张龙6874 分钟前
前端错误监控生产级方案:从 onerror 捕获到 Source Map 精准还原
前端·javascript
渣波4 分钟前
从零手写 Vite Mock 流式 AI 对话,搞懂 LLM 的“打字机”特效
前端·javascript
温柔过期啦7 分钟前
网站改了标题但是搜索引擎却没改?怎么样才能快速更新?
前端·搜索引擎·百度
用户2930750976698 分钟前
Vue3 流式 AI 对话:深入理解两个 done 与 buffer 缓存机制
vue.js
cxxcode9 分钟前
JavaScript 模块化:从模块规范到打包原理
前端·webpack
驰子10510 分钟前
不重写、不换框架:让十年 jQuery 老项目写出 Vue 手感的渐进式改造
前端
月弦笙音12 分钟前
# SSE 连接可靠性方案
前端
weedsfly12 分钟前
从表单校验到订单流转,彻底搞懂前端开发中的策略模式与状态模式
前端·javascript·面试
qq_5896660513 分钟前
npm install npm install -g @vue/cli 分别是什么意思以及安装路径
前端·vue.js·npm