elementui中下拉command事件传递多个参数

在这里插入图片描述
官方文档没有传递多个参数的文档
若要传递多个参数,方法如下:

 <el-dropdown @command="handleCommand">
  	<div class="accountMange">
    	<span>账户管理</span>
    </div>
    <el-dropdown-menu slot="dropdown">
    	<el-dropdown-item :command="composeValue(acc, 'a')">黄金糕</el-dropdown-item >
        <el-dropdown-item :command="composeValue(acc, 'b')">狮子头</el-dropdown-item >
        <el-dropdown-item :command="composeValue(acc, 'c')">螺蛳粉</el-dropdown-item>
    </el-dropdown-menu>                    
  </el-dropdown>

方法事件:

composeValue(acc, command) {
      return {
        "acc": acc,
        "command": command
  };
  handleCommand(val) {
      console.log(val.acc); //打印出传递的参数
      console.log(val.command); //打印出点击command值
      if (val.command == "a") {
        this.abc();
      } else if (val.command == "b") {
        this.bcd();
      } else if (val.command == "c") {
        this.ef();
      }
    },
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值