el-dropdown的command需要传入多个参数的解决方案

一,实现思路

在这里插入图片描述
其实就是让command属性绑定一个对象,然后对象中就可以传入多个参数了。

二,具体代码

<el-table-column
    prop="operation"
    label="操作"
    align="center"
    width="180">
   <template slot-scope="scope">
   <div class="operationVid">
     <span class="operationBef" @click="payList(scope)" v-if="handleMenu_1(scope.row)=='付款'">付款</span>
     <span class="operationBef" @click="operFinish(scope)" v-if="handleMenu_1(scope.row)=='完成'">完成</span>
     <span class="operationBef" @click="operFinish(scope)" v-if="handleMenu_1(scope.row)=='审核'">审核</span>
     <el-dropdown trigger="click" @command="handleCommand">
          <span class="el-dropdown-link">
            更多<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown">
              <el-dropdown-item :command="beforeHandleCommand(scope,'订单详情')" v-if="handleMenu_2(scope.row).has('订单详情')">订单详情</el-dropdown-item>
              <el-dropdown-item :command="beforeHandleCommand(scope,'前台打印')" v-if="handleMenu_2(scope.row).has('前台打印')">前台打印</el-dropdown-item>
              <el-dropdown-item :command="beforeHandleCommand(scope,'后厨打印')" v-if="handleMenu_2(scope.row).has('后厨打印')">后厨打印</el-dropdown-item>
              <el-dropdown-item :command="beforeHandleCommand(scope,'订单退款')"  v-if="handleMenu_2(scope.row).has('订单退款')">订单退款</el-dropdown-item>
              <el-dropdown-item :command="beforeHandleCommand(scope,'关闭订单')" v-if="handleMenu_2(scope.row).has('关闭订单')">关闭订单</el-dropdown-item>
            </el-dropdown-menu>
      </el-dropdown>
  </div>
   </template>
  </el-table-column>
     //操作中的按钮
    handleCommand(command) {
      switch (command.command) {
        case '订单详情':
          this.toDetail(command.scope,'订单详情')
          break;
        case '前台打印':
          this.print(command.scope,1)
          break;
        case '后厨打印':
          this.print(command.scope,0)
          break;
        case '订单退款':
          // this.ordersRefund(command.scope,)
          this.toDetail(command.scope,'订单退款')
          break;
        case '关闭订单':
          //tppe:2是指单个订单关闭
          this.closeOrder(command.scope,2)
          break;
        default:
          break; 
      }
    },
    //配置command的参数
    beforeHandleCommand(scope,command){
      return {
        'scope':scope,
        'command':command
      }
    },
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值