应用场景:将el-select下拉框的lab值,显示在下面的详情text框,见下图

用到了 el-select 传值,js循环判断options.code是否等于传进来的值,等于就break; text框.内容=options.name

          <el-form-item label="加扣分原因" prop="MarkRsn">
<template slot-scope="scope">
<el-select v-model="form.MarkRsn" style="width:100%" @change="showtextarea" clearable>
<el-option
v-for="(option,index) in markrsn_options " v-if="form.MarkType==0?option.code.substr(3) <43 :option.code.substr(3) >=43"
:key="index"
:label="option.code+' — '+option.name"
:value="option.code"
size="large">
<span style="float: left;">{{ option.code+' — '+option.name }}</span>
</el-option>
</el-select>
</template>
</el-form-item> markrsn_options: [{code: 'Q00001', name: '不接受上级主管的业务检查,经解释仍拒不执行'},
{code: 'Q00002', name: '涂改考勤卡、代打卡、虚报考勤、提供虚假病假条'},
{code: 'Q00003', name: '提供假学历、假证明或协助提供假学历、假证明者或隐瞒个人不良历史记录,对公司利益造成损害'},
{code: 'Q00004', name: '在职肠散布不利于公司的言论,策划、鼓动业务员脱离本公司,经劝阻拒不改正'},
{code: 'Q00005', name: '不服从管理,在职肠内争吵斗殴、侮辱他人或有其他类似不当行为,经劝阻无效,造成不良后果'},
{code: 'Q00006', name: '未经过公司同意或授权,擅自将公司的业务资料和文件向其他单位和个人泄露或在新闻媒体上发表有关公司各类消息'},
{code: 'Q00043', name: '经常协助推动公司各项训练活动,对业务人员的工作绩效有长期帮助'},
{code: 'Q00044', name: '热心参与公益活动,为树立公司形象,为公司品牌做出贡献的'},
{code: 'Q00045', name: '以具体事例或言行维护公司形象,赢得荣誉,取得一定社会效益'},
{code: 'Q00046', name: '为维护公司利益或保护财产安全见义勇为'},
{code: 'Q00047', name: '为公司发展提出合理化建议并被采纳,对提升公司经营绩效有贡献'},
{code: 'Q00048', name: '服务品质良好、服务年限长、业绩优秀,连续三年无投诉及扣分现象'},
{code: 'Q00049', name: '其他特殊优良事迹'}, ], showtextarea(myval){
console.log("start_look.....")
console.log(myval); for(let one of this.markrsn_options) {
if(one.code === myval) {
console.log(one.name)
this.form.MarkRsn1=one.name;
break;
}
}
},

  

最新文章

  1. OData V4 学习目录
  2. Bumped Map And Normal Map
  3. M1卡修改各区块控制位值和数据
  4. 使用jquery制作可视化的组织结构
  5. cpu,内存,虚拟内存,硬盘,缓存之间是什么关系??
  6. xml约束之schema
  7. Python开源异步并发框架
  8. sequelize 学习笔记
  9. 从零开始学安全(九)●OSI参考模型分层
  10. redis 配置文件配置
  11. One VS Rest
  12. Centos 7 搭建DNS笔记
  13. socket 聊天室实现
  14. AutoCppHeader AutoHeader 自动根据CPP 或C文件 来生成头文件。
  15. 使用Jenkins实现maven项目一键部署
  16. 两个应用之间传递广播的规则 Broadcast
  17. centos6.4安装使用wine 持续更新中
  18. python 3+djanjo 2.0.7简单学习(五)--Django投票应用
  19. HTTP、TCP、UDP、Socket关系详解
  20. Django-5.2 模型层 多表操作

热门文章

  1. Java课程设计-算术运算测试(D级) 齐鲁工业大学 计科20-1 王瀚垠 202003010033
  2. CentOS安装ffmpeg+h264
  3. 通过helm部署EFK收集应用日志,ingress-nginx日志解析。
  4. 四、JavaSE语言基础之运算符
  5. 创建Cloudflare CDN
  6. python之list列表(基础篇)
  7. Ubuntu18.04 LTS x64 构建ARM交叉编译环境(尝试,但失败了!!!估计是编译器没选对)
  8. MySQL之where条件数据筛选
  9. 24、dhcp服务搭建
  10. 5.15、tomcat下部署JPress