vue elementui select標簽監(jiān)聽change事件失效問題

更新時間：2024年04月25日 08:51:31 作者：木毅01

這篇文章主要介紹了vue elementui select標簽監(jiān)聽change事件失效問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vue elementui select標簽監(jiān)聽change事件失效

沒那么多花里胡哨的我說一個可能啊只是一個可能

<el-select v-model="planValue" placeholder="請選擇" size="mini" @change="handleSelectPlanChange">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

單純的因為 change事件沒有放在el-select上面

vue select change事件獲取當前value

 <el-select v-model="formInline.region" placeholder="當前任務" @change="handleChange">
          <el-option label="黃金糕" value="shanghai"></el-option>
          <el-option label="西瓜" value="beijing"></el-option>
          <el-option label="栗子" value="lizi"></el-option>
        </el-select>

methods:{
    handleChange(event){
      console.log(event)
    }
  }

注意：

觸發(fā)事件時，會將當前對象傳遞，默認一個參數(shù)接收，console.log(參數(shù))獲取當前的value

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue3實現(xiàn)折疊面板組件的示例代碼
折疊面板大家都不陌生,很多時候需要實現(xiàn)一些復雜的交互,就會用到它,簡潔直觀還美觀,下面就跟隨小編一起學習一下如果使用Vue3實現(xiàn)折疊面板組件吧
2024-01-01
基于vue實現(xiàn)簡易打地鼠游戲
這篇文章主要為大家詳細介紹了基于vue實現(xiàn)簡易打地鼠游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
vue使用天地圖、openlayers實現(xiàn)多個底圖疊加顯示效果
這篇文章主要介紹了vue使用天地圖、openlayers實現(xiàn)多個底圖疊加顯示,根據(jù)返回的經(jīng)緯度列表通過天地圖、openlayers實現(xiàn)底圖添加，本文通過示例代碼給大家介紹的非常詳細，需要的朋友參考下吧
2022-04-04
Vuejs對象常用操作之取對應的值、取key和value值、轉數(shù)組及合并等
最近在學Vue和javascript感覺js的好多方法都不太清楚,這里徹底總結下,這篇文章主要給大家介紹了關于Vuejs對象常用操作之取對應的值、取key和value值、轉數(shù)組及合并等的相關資料,需要的朋友可以參考下
2024-01-01
在vue項目中,將juery設置為全局變量的方法
今天小編就為大家分享一篇在vue項目中,將juery設置為全局變量的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
Vue與Node.js通過socket.io通信的示例代碼
這篇文章主要介紹了Vue與Node.js通過socket.io通信的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
關于vue的路由模式及修改方法
這篇文章主要介紹了關于vue的路由模式及修改方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-03-03
vue綁定class與行間樣式style詳解
這篇文章主要介紹了vue綁定class與行間樣式style的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
vue項目強制清除頁面緩存的例子
今天小編就為大家分享一篇vue項目強制清除頁面緩存的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
Vue實現(xiàn)錄制屏幕并本地保存功能
這篇文章主要介紹了Vue實現(xiàn)錄制屏幕功能并本地保存,這里用的是用的是HBuilder?X開發(fā)，結合示例代碼給大家介紹的非常詳細，需要的朋友可以參考下
2022-04-04