快捷導(dǎo)航

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

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

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

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

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

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

單純的因?yàn)?change事件沒有放在el-select上面

vue select change事件獲取當(dāng)前value

 <el-select v-model="formInline.region" placeholder="當(dāng)前任務(wù)" @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í)，會(huì)將當(dāng)前對(duì)象傳遞，默認(rèn)一個(gè)參數(shù)接收，console.log(參數(shù))獲取當(dāng)前的value

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

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