第一步,封装组件,把需要的属性提出来。
调用
<Pagination :total=“total” :pageNum=“pageNum” :pageSize=“pageSize” @pageChange=“pageChange”/>
import Pagination from “@/components/Pagination/index”;
components: {
Pagination
},
定义
data() {
return {
articleList: [],
pageSize: 10,
pageNum: 1,
total: 0
};
},
方法
pageChange(page) {
this.pageSize = page._pageSize;
this.pageNum = page._currentPage;
this.getData();
},