vue2使用element ui组件实现分页

vue2使用element ui组件实现分页

在el_table组件的data属性中写入以下代码，shoplist为你的数据的变量名称

你数据的变量名称.slice((currentPage - 1) * pagesize,currentPage * pagesize）

使用分页器的组件

<div class="pag">
				<el-pagination
					layout="  prev, pager, next, sizes, jumper"//组件布局
					:page-sizes="[10]"//改变一页几条
					:page-size="pagesize"//每行显示条目个数
					:total="shoplist.length"//总数条目
					:current-page="currentPage"//当前页数
					@current-change="handleCurrentChange"//点击改变页数的事件
				/>
</div>

这个是放入data里的变量

改变当前页数事件
这个放入methods中

handleCurrentChange (val) {
			this.currentPage = val;
		}, //点击改变页数和数据