对element-ui里的某个单元格做处理

今天遇到一个对element-ui的表格里的某一单元格进行删除
我们的单元格里的有多张图片
我需要拿到使用者想要删除的图片地址进行删除
最后利用table的cell-click实现
在这里插入图片描述
代码附上

//  el-table上面写点击事件
<el-table @cell-click="onClick_delete"></el-table>

加个判断,不然一行的每一个单元格都可以操作

 // 删除table某一单元格的内容
       async onClick_delete(row, column, cell, event) {
          if (column.property == 'displayMap' || column.property == 'picture') {
            this.deletePicForm.goodId = row.goodId
            this.deletePicForm.pictureAddress = event.target.currentSrc
            if (column.property == 'displayMap') {
              this.deletePicForm.pictureType = 2
            } else if (column.property == 'picture') {
              this.deletePicForm.pictureType = 1
            }
            const confirmResult = await this.$confirm(
                 '此操作将永久删除该照片, 是否继续?',
                 '提示',
               {
                 confirmButtonText: '确定',
                 cancelButtonText: '取消',
                 type: 'warning'
               }
              ).catch(err => err)

              if (confirmResult !== 'confirm') {
                  return this.$message.info('已经取消删除!')
              }
            deletePicture(this.deletePicForm).then(res=> {
              if (res.data.code !== 1) return this.$message.error(res.data.resultMessage)
              this.getGoodsPageList()
            })
          }
        }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值