今天遇到一个对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()
})
}
}