在如下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 }
即可。