vue 項目@change多個參數(shù)傳值多個事件的操作
首先是只有一個change事件

changelevel()//選擇值
若想改變select同時改變row里的值

多個事件用;分割開來
此時發(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ù)是一個value值,比如下拉框的change事件默認(rèn)參數(shù)是選中的value值,但是實(shí)際項目中我們要傳的一般不止這一個參數(shù),如果直接追加兩個參數(shù)可能獲取不到,這時需要把參數(shù)中的默認(rèn)參數(shù)名換成$event即可,
//第一個參數(shù)是默認(rèn)的value參數(shù),第二個是我們自己想傳入的參數(shù)
@change='selectChange($event,scope.row)'
或者使用第二種方法:
@change='(val)=>selectChange(value,scope.row)'
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。如有錯誤或未考慮完全的地方,望不吝賜教。
相關(guān)文章
Vue 3中常用的生命周期鉤子和監(jiān)聽器的操作方法
這篇文章主要介紹了Vue 3中常用的生命周期鉤子和監(jiān)聽器的操作方法,分析常用的一些生命周期鉤子和監(jiān)聽器可以幫助我們在組件中處理數(shù)據(jù)加載、狀態(tài)變化和響應(yīng)式更新,需要的朋友可以參考下2024-07-07
vue使用nprogress實(shí)現(xiàn)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了vue使用nprogress實(shí)現(xiàn)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12
vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能(案例代碼)
這篇文章主要介紹了vue3??mark.js?實(shí)現(xiàn)文字標(biāo)注功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue+element使用動態(tài)加載路由方式實(shí)現(xiàn)三級菜單頁面顯示的操作
這篇文章主要介紹了vue+element使用動態(tài)加載路由方式實(shí)現(xiàn)三級菜單頁面顯示的操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
解決vue項目報錯webpackJsonp is not defined問題
下面小編就為大家分享一篇解決vue項目報錯webpackJsonp is not defined問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03

