JS 之循环 应用案例1

应用场景:将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;
          }
        }
      },