element ui tab表格组件,改变list数据顺序,表格不刷新解决方案

其中 this.planFrom.caselist是表格的List

setUp(id, index) {

        if(index == 0){

            this.$message.warning("第一条不能上移了");

        }else if(this.planFrom.caselist[index].id == id){         

            var data = this.planFrom.caselist[index];

            this.planFrom.caselist[index] = this.planFrom.caselist[index-1];

            this.planFrom.caselist[index-1] = data;

            this.$message.success("用例上移成功");

        }

        else{

            this.$message.error("数据问题:id与index不匹配,上移失败");

        }

    },

触发这个方法后,数据上移一行;但触发后页面展示末刷新,List数据更新了,页面表格没有动作,这行数据展示没上移,这可不是我们需要的效果。

在函数里将List数据源清空,再恢复,试了下解决不了。

后面想到将List数据删除一行,表格会刷新,我就在后面加加了List.splic(1,0)的方法试一下。试了下问题解决了。数据上移了一行

具体代码如下。

setUp(id, index) {

        if(index == 0){

            this.$message.warning("第一条不能上移了");

        }else if(this.planFrom.caselist[index].id == id){         

            var data = this.planFrom.caselist[index];

            this.planFrom.caselist[index] = this.planFrom.caselist[index-1];

            this.planFrom.caselist[index-1] = data;

            this.planFrom.caselist.splice(1,0)

            this.$message.success("用例上移成功");

        }

        else{

            this.$message.error("数据问题:id与index不匹配,上移失败");

        }

    },

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

魂尾ac

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值