element-puls分页功能实现

element-puls有分页组件,这里将教大家如何和后端接口对接分页。

 

 就上面所标记的分页组件,对组件所用的参数和业务进行解释,话不多说,看代码

 1,:current-page,当前是第几页,这个绑定一个值,当我们切换页数时,所绑定的值state.papenum的值随着改变。

2,:page-sizes,这后面接的是一个数组,数组里的每一项代表着我们对页面能所选的数据进行固定,当前页面只能选择10,15,20,25页展示

3,:page-size,当前列表展示多少条数据

4,:total,总共有多少条数据,一般后端会返回

5,@size-chanse,切换当前页面展示多少条数据时执行,handlesizechange是一个函数,这个函数里请求列表数据,当切换展示多少条数据时,重新请求列表,

6,@current-change,当切换页数时执行里面的函数,在这里面重新执行列表请求,重新获取数据即可。

 掌握这几个值后,即可实现基本的列表分页功能,

这里的参数表示当前是第一页,没页展示10条数据,可以将这里的参数于组件所绑定的参数对照下,就能明白是如何使用element-puls的分页组件了

猜你喜欢

转载自blog.csdn.net/m0_58002043/article/details/130831519