el-table 用splice 删除对应行,页面只会删除第一行,对应的那一行还在

问题遇到的现象和发生背景

如何修改,才能实现点击完删除按钮后,对应的那一行会删除掉呢,而不是还在表格里呢?
未点击删除按钮前(我点击的是最后一个删除按钮)

img

点击删除按钮后(界面上最后一个没有删除掉,除非手动刷新界面)

img

img

img

用代码块功能插入代码,请勿粘贴截图
我的解答思路和尝试过的方法

我还用过局部刷新的方法 this.relod(),但是会出现界面一闪的效果,而且默认在第一页而不是,我删除行的那一页

我想要达到的结果

如何修改,才能实现点击完删除按钮后,对应的那一行会删除掉呢,而不是还在表格里呢?

img


后端数据传到前端后,前端出现获取(后端的获取了)和但是前端渲染出现不同,导致一直删除的是获取的,而不是排列后的数据

你去删除,实际就是发送请求删除,然后你传递的参数,当前在第几页,一页最多显示多少,然后后台返回新数据,你在重新渲染

         pagination: {
                    page : 1,           //当前页
                    page_size: 10,  //一页多少条
                    total:1             //总数
                },
```javascript


```

怀疑你代码哪里写的有问题,正常情况你实现的思路是没有问题的,数据驱动,你只要改变了 tableData 的值就会更新,如果是删除项和你预想的不一样,看下取得下标是否正确