快捷導(dǎo)航

vue實(shí)現(xiàn)el-select的change事件過程

更新時(shí)間：2024年04月25日 08:42:09 作者：施玥喵

這篇文章主要介紹了vue實(shí)現(xiàn)el-select的change事件過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue實(shí)現(xiàn)el-select的change事件

 <el-select v-model="newForm.xid" @change="getline">
                <el-option
                  v-for="item in linedata"
                  :key="item.xid"
                  :label="item.xdName"
                  :value="{value:item.xid,label:item.xdName}"
                ></el-option>
              </el-select>

 newForm: {    
        xid: "",
      },
      linedata: [],

 // 線段change事件
    getline(rows) {
      console.log(rows);
    },

select change事件在vue中的使用

vue/vue3+setup中使用@change獲取select下拉框選中的值

<select @change="selectArea($event.target.value)">
     <option :value="items" v-for="item in arr">{{ items }}</option>
</select>

事件

const selectArea = (val) => {
    console.log('sss', val)
}

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

Vue-cli配置打包文件本地使用的教程圖解
這篇文章主要介紹了Vue-cli配置打包文件本地使用的教程圖解,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-08-08
vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
VUE實(shí)現(xiàn)圖片驗(yàn)證碼功能
這篇文章主要為大家詳細(xì)介紹了VUE實(shí)現(xiàn)圖片驗(yàn)證碼功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)
本文主要介紹了Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
修改Vue2項(xiàng)目運(yùn)行端口號(hào)配置后端代理教程
文章介紹了在Vue2項(xiàng)目中配置端口號(hào)和代理解決跨域問題的方法,包括在vue.config.js文件中增加端口號(hào)配置和設(shè)置代理路徑
2026-01-01
實(shí)例分析編寫vue組件方法
在本篇文章中我們給大家總結(jié)了關(guān)于編寫vue組件的方法知識(shí)點(diǎn)，有此需要的讀者們跟著學(xué)習(xí)下。
2019-02-02
Vue2.0+ElementUI+PageHelper實(shí)現(xiàn)的表格分頁功能
ElementUI也是一套很不錯(cuò)的組件庫(kù)，對(duì)于我們經(jīng)常用到的表格、表單、時(shí)間日期選擇器等常用組件都有著很好的封裝和接口。這篇文章主要介紹了Vue2.0+ElementUI+PageHelper實(shí)現(xiàn)的表格分頁,需要的朋友可以參考下
2021-10-10
vue3封裝AES(CryptoJS)前端加密解密通信代碼實(shí)現(xiàn)
防止數(shù)據(jù)被爬取,前后端傳參接收參數(shù)需要加密處理,使用AES加密,這篇文章主要給大家介紹了關(guān)于vue3封裝AES(CryptoJS)前端加密解密通信代碼實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2023-12-12
vue篇之事件總線EventBus使用示例詳解
這篇文章主要為大家介紹了vue篇之事件總線EventBus使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
基于Vue中this.$options.data()的this指向問題
這篇文章主要介紹了基于Vue中this.$options.data()的this指向問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-03-03