vue element 前端的分页

前提：一般的列表分页，都是通过后台返回的数据进行分页的，但是有的表格数据需要先在前端处理，在保存之前不经过后台接口存储，这是就需要前端进行分页处理

代码：用slice截取

const from = (this.currentPage - 1) * this.pageSize  拿到开始截取的下标
const to = this.currentPage * this.pageSize 拿到停止截取的下标
this.tableData = []  //tableData 是展示的数组   totalList 是拿到的数据总数
this.tableData = this.totalList.slice(from, to)

前端分页并且完成删除和批量删除的功能

删除：

deleteHandle(index) {
      const from = (this.currentPage - 1) * this.pageSize  //计算分页数据的下标
      let list = [] 
      list = [...this.totalList] 
      this.totalList = list.filter((item, idx) => idx !== index + from)
      this.tableData = this.totalList
      this.total = this.totalList.length
      this.$message.success('删除成功')
}