当前位置: 首页 > news >正文

ElementUI Select选择器如何根据value值显示对应的label

修改前效果如图所示,数据值状态应显示为可用,但实际上仅显示了状态码1,并没有显示其对应的状态信息。在排查了数据类型对应关系问题后,并没有产生实质性影响,只好对代码进行了如下修改。
在这里插入图片描述
修改前代码:

<el-select v-model="datasetInfo.status" placeholder="请选择数据集状态"><el-option label="可用" value=1></el-option><el-option label="不可用" value=0></el-option>
</el-select>

在这里插入图片描述
修改后代码:

<el-select v-model="datasetInfo.status" placeholder="请选择数据集状态"><el-option v-for="item in options" :value="item.value":label="item.label"></el-option>
</el-select>
export default {data() {return {options: [{value: 0,label: '不可用'},{value: 1,label: '可用'}]}}
}
http://www.lryc.cn/news/99117.html

相关文章:

  • Kotlin 内联函数语法之let、apply、also、run、with的用法与详解
  • Swift 中如何判断是push 过来的页面 还是present过来的 页面
  • 基于K8s环境·使用ArgoCD部署Jenkins和静态Agent节点
  • 874. 模拟行走机器人
  • 【Linux】- RPM 与 YUM
  • Visual Studio 2015编译器 自动生成 XXX_EXPORTS宏
  • HTML5的应用现状与发展前景
  • day44-Spring_AOP
  • selenium IDE 接入jenkins-转载
  • 云计算结合数据科学突破信息泛滥(下)
  • 蓝桥杯单片机第十二届国赛 真题+代码
  • MyBatis学习笔记之缓存
  • ​小程序 WxValidate.js ​再次封装
  • redis 第三章
  • MYSQL常见面试题汇总
  • Java接口通过token登录实现页面跳转到登录成功后的页面
  • Linux-文件管理
  • Android getevent用法详解
  • 面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?
  • 【4】-多个User执行测试
  • 基于Eisvogel模板的Markdown导出PDF方法
  • linux服务器安装redis
  • QT中信号和槽本质
  • layui各种事件无效(例如表格重载或 分页插件按钮失效)的解决方法
  • flutter开发实战-父子Widget组件调用方法
  • 策略模式的实现与应用:掌握灵活算法切换的技巧
  • 当ChatGPT应用在汽车行业,具体有哪些场景?
  • 行为型-中介者模式(Mediator Pattern)
  • Kibana+Prometheus+node_exporter 监控告警部署
  • 【前端知识】JavaScript——设计模式(工厂模式、构造函数模式、原型模式)