elementui+vue下使用elementui分页器删除当前页下最后一个元素会导致当前页内容为空

问题描述

如题

问题解决：

watch: {
    total(){
        if (this.total === (this.page-1)*this.size && this.total!== 0){
            this.page-=1;
            this.initTable();
        }
    }
},

解决原理:

使用监听器监听当前页面变量的变化。如果当前页变动后总页数和当前页面减一相等且总条数不为零说明刚刚删除的是当前页的最后一个元素。满足条件后重新刷新表单即可。