处理vue项目 表格数据过多造成页面卡顿问题的处理

解决方法

<el-table
        :data="projectTableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
      >
 ... ...
</el-table>

 

data(){
    return {
        total1: 0,
        currentPage: 1,
                pageSize: 50,
    }
},
// 如果希望实现下拉  切换显示条数 可以使用 监听属性来实现
watch: {
    projectTableData(newVal, oldVal) {
      this.total1 = newVal.length
    },
    deep: true
  },