Element删除页面数据后,后台少查询一次

相关代码如下:

<el-table :data="tableData" >
    <el-table-column >
        <template slot-scope="scope">
            <el-button type="danger" icon="el-icon-minus" class='addIcon' @click="deleteRow(scope.row)">
            </el-button>
        </template>
    </el-table-column>
</el-table>
复制代码
deleteRow(row) {
    this.$confirm('确认删除?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
    }).then(() => {
        this.axios.del(this.url.delUrl + row.serialid, {showLoading: true})
            .then((res) => {
                let result = res.data;
                if (result.code == 1) {
                    let i = this.tableData.findIndex((value) => value.serialid == row.serialid);
                    this.tableData.splice(i, 1);
                    this.$message.success(result.msg);
                } else {
                    this.$message.error(result.msg);
                }
            })
    }).catch(() => {

    });
}
复制代码

end

posted @   xh_Blog  阅读(208)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
历史上的今天:
2018-11-21 button的格式的问题
2018-11-21 javaScript年份下拉列表框内容为当前年份及前后50年
点击右上角即可分享
微信分享提示