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

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值