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>
  • 相关阅读:
    python (八)迭代器、生成器、列表推导式
    python (七)装饰器
    HTML基础 (一)
    jQuery(一)
    JavaScript 练习(二)事件
    DOM节点(二)
    git操作顺序
    VUE练习(二)解决Bug
    前端环境VSCode
    JavaScript 基础基础最基础
  • 原文地址:https://www.cnblogs.com/cherylgi/p/14006204.html
Copyright © 2011-2022 走看看