vue 項(xiàng)目@change多個(gè)參數(shù)傳值多個(gè)事件的操作
首先是只有一個(gè)change事件
changelevel()//選擇值
若想改變select同時(shí)改變r(jià)ow里的值
多個(gè)事件用;分割開來
此時(shí)發(fā)現(xiàn)changelevel()不執(zhí)行那么加上()呢
changelevel(val){ console.log(val) => //undefined}
表示未傳參數(shù) 輸出undefined
那么要傳值傳誰呢
傳入$event 再次輸出就可獲取選擇值
補(bǔ)充:element-ui @change添加自定義參數(shù)
element-ui的change事件默認(rèn)參數(shù)是一個(gè)value值,比如下拉框的change事件默認(rèn)參數(shù)是選中的value值,但是實(shí)際項(xiàng)目中我們要傳的一般不止這一個(gè)參數(shù),如果直接追加兩個(gè)參數(shù)可能獲取不到,這時(shí)需要把參數(shù)中的默認(rèn)參數(shù)名換成$event即可,
//第一個(gè)參數(shù)是默認(rèn)的value參數(shù),第二個(gè)是我們自己想傳入的參數(shù)
@change='selectChange($event,scope.row)'
或者使用第二種方法:
@change='(val)=>selectChange(value,scope.row)'
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教。
相關(guān)文章
Vue 3中常用的生命周期鉤子和監(jiān)聽器的操作方法
這篇文章主要介紹了Vue 3中常用的生命周期鉤子和監(jiān)聽器的操作方法,分析常用的一些生命周期鉤子和監(jiān)聽器可以幫助我們?cè)诮M件中處理數(shù)據(jù)加載、狀態(tài)變化和響應(yīng)式更新,需要的朋友可以參考下2024-07-07vue使用nprogress實(shí)現(xiàn)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了vue使用nprogress實(shí)現(xiàn)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能(案例代碼)
這篇文章主要介紹了vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09vue+threejs寫物體動(dòng)畫之物體縮放動(dòng)畫效果
最近在vue中安裝Three.js,無聊順便研究一些關(guān)于3D圖形化庫,下面這篇文章主要給大家介紹了關(guān)于vue+threejs寫物體動(dòng)畫之物體縮放動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下2022-10-10vue中的H5移動(dòng)端項(xiàng)目?真機(jī)測(cè)試配置方式
這篇文章主要介紹了vue中的H5移動(dòng)端項(xiàng)目?真機(jī)測(cè)試配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09vue+element使用動(dòng)態(tài)加載路由方式實(shí)現(xiàn)三級(jí)菜單頁面顯示的操作
這篇文章主要介紹了vue+element使用動(dòng)態(tài)加載路由方式實(shí)現(xiàn)三級(jí)菜單頁面顯示的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08解決vue項(xiàng)目報(bào)錯(cuò)webpackJsonp is not defined問題
下面小編就為大家分享一篇解決vue項(xiàng)目報(bào)錯(cuò)webpackJsonp is not defined問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03