處理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
  },