應用場景:將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;
          }
        }
      },