删除表格数据(上)

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

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

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

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命令来控制，当数据没有更新结束之前不显示，当数据重新更新后再显示，但是我这样还是失败了。后来，我发现，可能是删除数据后，前端立刻发送更新数据请求，但此时删除操作还没有结束，原来的数据还在，因此重新请求的数据没有变化。一种方法是可以判断删除是否成功，获得成功后再更新。不过还是推荐第一种方法，那样更加规范。

vue2，element-ui，表格Table组件，el-table，动态表格，实现表格动态增加/删除/编辑表格行，带有校验规则，自定义表格增删改查，动态表格动态数据新增修改删除，表格可编辑单元格自定义数据化结构新增删除取消，动态数据表格，表格动态添加或删除行，查询重置新增编辑回显删除，行内编辑功能，vue2+Element ui动态生成表格，并实现内容可编辑，如何实现表格动态增加/删除/编辑表格行(带校验规则)，数据有分页，懒加载如何更新，嵌套带下级的表格如何更新，不调用api接口怎么更新数据，示例代码，

沙利穆的课程社区_NO_1

1

社区成员

377

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章