1. 程式人生 > 實用技巧 >element-ui中的change事件傳遞多個引數的方法

element-ui中的change事件傳遞多個引數的方法

預設是@change="changeEvent"不傳遞引數,才會把選中的值帶過去

但是有時候,我們不僅僅需要選中的值,還需要傳遞額外的值,比如id之類的引數怎麼辦呢,下面有兩種方法可以解決

第一種:@change = changeEvent(event,args)event,args);event就是選中的值,args就是額外要傳遞的引數;接收的時候也要用兩個引數去接收

changeEvent(value,args){
 console.log(value,args)
}

第二種:@change="((val)=>{changeEvent(val,args)})"

其他的預設事件同樣的方法傳遞

<el-dropdown trigger="click" @command="((val)=>{handleCommand(val,scope.row)})">
  <span class="el-dropdown-link">
    <i class="el-icon-more el-icon--right"></i>
  </span>
    <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="volumes">共享卷</el-dropdown-item>
        <el-dropdown-item command="container">容器</el-dropdown-item>
        <el-dropdown-item command="log">日誌</el-dropdown-item>
        <el-dropdown-item command="shell">執行</el-dropdown-item>
        <el-dropdown-item command="delete">刪除</el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>