删除表格数据(下)

穆哥讲Java 2023-01-13 00:12:11

课时名称	课时知识点
删除表格数据(下)	删除表格数据(下)

...全文

141 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

SQL语句基础教程

vue 在表格操作栏中点击删除后系统显示删除成功，但表格数据没有变化问题描述：点击删除后重新调用后端获取数据的接口，表格数据应该刷新，但是在点击删除后系统显示删除成功，表格数据没有刷新，当再次点击刚删掉但是还显示在表格中的那条数据，则显示该文件不存在,说明表格绑定的数据没有更新成功或没有正确更新问题解决：后面仔细回去看了看代码，发现调用更新数据方法的代码放置的位置有误，这是由于代码并不是完全按顺序执行，修改了之后问题就解决了修改前，更新数据的方法没有放在请求成功之后再执行，可能当请求还在等待返回的结

1、对于表格获取单行数据的id，这一步是关键： elementui中，scope默认获取整个表格的数据，scope.row对应那一行要操作的使用的数据，再选择具体字段进行处理 <template slot-scope="scope"> <el-button type="text" size="default" @click="deleteUser(scope.row.userid)">删除</el-button> </template> 2、对于

最近在一个小项目中遇到这样一个问题，我在前端页面中删除表格中的一行数据，数据库中已经删除，且重新更新了数据并显示，但是表格重新显示的还是之前的数据。查阅网上的资料后，尝试网友的方法，使用v-showCard命令来控制，当数据没有更新结束之前不显示，当数据重新更新后再显示，但是我这样还是失败了。后来，我发现，可能是删除数据后，前端立刻发送更新数据请求，但此时删除操作还没有结束，原来的数据还在，因此重新请求的数据没有变化。一种方法是可以判断删除是否成功，获得成功后再更新。不过还是推荐第一种方法，那样更加规范。

layui框架数据表格的批量删除操作此文献为layui框架的数据表格的批量删除，批量删除顾名思义就是把大量的数据进行删除操作由于有点项目数据繁多，如果在要删除的时候一个一个的删除的话，就会很麻烦。所以我们要进行批量删除。一.页面 1.因为是layui框架的批量删除所以首先要创建一个由layui插件渲染的数据表格如下图因为我们要做批量删除所以要在表格里设置多选框来进行选中的数据进行删除，其他数据就如常进行就可以了。 2.接下来就是在页面获取选中的数据，先给表格设置一个ID如下图所示（1）获取表格

沙利穆的课程社区_NO_1

1

社区成员

377

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章