获取下拉框select上次选择的值
如图所示,如果我们需要获取select的当前选中项,直接用on-change事件直接返回就行,但有些情况下,我们需要获取上一次选中的值来做一些判断:
<Row>
<Col :span="12">
<FormItem label="类型">
<Select ref="typeSelect" v-model="projectType" :transfer="false" @on-change="handleTypeChange">
<Option v-for="item in projectTypes" :key="item.value" :value="item.value">{{item.label}}</Option>
</Select>
</FormItem>
</Col>
</Row>
handleTypeChange(value){
console.log(value) // 本次选中的值
console.log(this.$refs.typeSelect.value) // 上次选中的值
}
说明: 需要在select上添加ref,然后通过$refs来获取上次选中的值(value),如果需要label,需要遍历projectTypes,找到value值所对应的label。