1. 程式人生 > 程式設計 >vue 專案@change多個引數傳值多個事件的操作

vue 專案@change多個引數傳值多個事件的操作

首先是隻有一個change事件

vue 專案@change多個引數傳值多個事件的操作

changelevel()//選擇值

若想改變select同時改變row裡的值

vue 專案@change多個引數傳值多個事件的操作

多個事件用;分割開來

此時發現changelevel()不執行那麼加上()呢

vue 專案@change多個引數傳值多個事件的操作

changelevel(val){  console.log(val) => //undefined}

表示未傳引數 輸出undefined

那麼要傳值傳誰呢

vue 專案@change多個引數傳值多個事件的操作

傳入$event 再次輸出就可獲取選擇值

補充:element-ui @change新增自定義引數

element-ui的change事件預設引數是一個value值,比如下拉框的change事件預設引數是選中的value值,但是實際專案中我們要傳的一般不止這一個引數,如果直接追加兩個引數可能獲取不到,這時需要把引數中的預設引數名換成$event即可,

//第一個引數是預設的value引數,第二個是我們自己想傳入的引數

@change='selectChange($event,scope.row)'

或者使用第二種方法:

@change='(val)=>selectChange(value,scope.row)'

以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。如有錯誤或未考慮完全的地方,望不吝賜教。