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

總結

以上是生活随笔為你收集整理的获取下拉框select上次选择的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。