前端分页代码实现简要思路

list : null,       //table当前所要展示的数据
total : 0,         //返回过来的消息总条数
pageIndex : 1,     //当前所在页数
pageSize : 10,     //一页要展示10条数据
tableData : [],    //一次性后端返回过来的数据

//当点击页面跳转时调用这个方法
pageChange:(pageIndex) {
             var _this = this;
             if (_this.tableData) {
                 if (pageIndex) {
                     _this.pageIndex = pageIndex;
                 }
                 _this.list = _this.tableData.slice(
                   (_this.pageIndex - 1) * _this.pageSize,
                   _this.pageIndex * _this.pageSize
                 );
                 console.log(_this.list);
             } else {}
         },
        getTableData(){
        	_this.$http.post('/api/getAllTableData',params)
		    .then(res =>{
			 // 请求接口成功之后,获取列表所有数据
	             _this.tableData = billArr.result;
	             _this.total = res.data.result.length;
	             _this.list = _this.tableData.slice(
	                   (_this.pageIndex - 1) * _this.pageSize,
	                    _this.pageIndex * _this.pageSize
	             );	
			})
		    .catch(error =>{})	             	  
		}