Element的el-select組件change事件獲取label的值


在如下el-select組件的代碼中,要想在change事件時獲取label的值。

<el-select
  v-model="ruleForm.usualReviews"
  :readonly="true"
  class="oms-select"
  placeholder="請選擇常用意見"
  @change="selectChanged"
>
  <el-option v-for="item in list"
    :key="item"
    :value="item.opinionId"
    :label="item.content"
  ></el-option>
</el-select>

我們可以修改:value的值為"{value:item.opinionId,label:item.content}"。

<el-select
  v-model="ruleForm.usualReviews"
  :readonly="true"
  class="oms-select"
  placeholder="請選擇常用意見"
  @change="selectChanged"
>
  <el-option v-for="item in list"
    :key="item"
    :value="{value:item.opinionId,label:item.content}"
    :label="item.content"
  ></el-option>
</el-select>

再選擇下拉框,觸發selectChanged函數,則可以獲取到label的值。

selectChanged(params){
  const { value, label } = params
  this.ruleForm.processReview = label
}

即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM