zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    vue-实践1
    node 基本使用
    vue通信
    初始AMD和Common.js
    vue正确引入第三方包
    常见的java设计模式
    springboot加ES实现全局检索
    Cookie丢失的原因
    动态SQL
    用Java实现给图片添加文字
  • 原文地址:https://www.cnblogs.com/cherylgi/p/14006204.html
Copyright © 2011-2022 走看看