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
相关推荐
书山有路_邓37 分钟前
vscode 如何鼠标双击时选择带有-的
前端
张三风啊3 小时前
vue config 接口地址配置
前端·javascript·vue.js
多情码农无情键3 小时前
浏览器漫谈HTML--2.2从表单标签看vue的响应式系统 理论+实战
前端·javascript·html
Uluoyu3 小时前
Vue.Draggable使用nested-with-vmodel进行拖拽
前端·javascript·vue.js
北极糊的狐3 小时前
vue页面成绩案例(for渲染表格/删除/添加/统计总分/平均分/不及格显红色/输入内容去首尾空格trim/输入内容转数字number)
前端·javascript·vue.js
边洛洛4 小时前
路由传参、搜索、多选框勾选、新增/编辑表单复用
前端·javascript·vue.js
breakthrough_014 小时前
创建一个简单的 Nuxt.js 应用
开发语言·javascript·ecmascript
OEC小胖胖5 小时前
Vue 3 中 onUnload 和 onPageScroll 使用详解
前端·javascript·vue.js·前端框架·web
秋田君6 小时前
uniapp中使用Mescroll实现下拉刷新与上拉加载项目实战
javascript·uni-app
川石教育7 小时前
Vue前端开发-slot传参
前端·vue.js·前端框架·前端开发·slot组件