天天看点

获取下拉框select上次选择的值

获取下拉框select上次选择的值

获取下拉框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。