table行中的el-dropdown点击某项获取行的信息

在使用el-table时,操作列需要加一个下拉菜单对选中行进行操作。
使用el-dropdown, element官网上是在组件加@command方法,但是像官网这样只能拿到点击项的key没法拿到表格当前行的信息,可以使用以下方式:

//官网
@command="handleCommand"

//解决方式
@command="(command) => {
          clickDropDown(command, row);
        }
      "

示例:

 	<el-table-column label="操作">
        <template #default="{ row }">
			<el-dropdown
                trigger="click"
                v-if="row.actionList.length > 2"
                class="drop-icon"
                @command="
                  (command) => {
                    clickDropDown(command, row);
                  }
                "
              >
                <span>按钮</span>
                <template #dropdown>
                  <el-dropdown-item
                    v-for="item in row.actionList"
                    :key="item"
                    :command="item"
                  >
                    {{ item]}}</el-dropdown-item
                  >
                </template>
              </el-dropdown>
           </template>
   </el-table-column>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值