分页器封装

项目场景：

提示：这里简述项目相关背景：

在做项目中，我们对于一般的element组件使用时都会进行二次封装，这个就是对分页器的封装

---

方案：

提示：这里填写该问题的具体解决方案：

 1：组件

2：使用

//引入组件
import Pagination from '@/components/Pagination/index.vue'



// 页码切换
const pageData=reactive({
  currentPage:1,
  pageSize:10,
  total:100,
})
// 修改页码 与当前页
const changePage=(val)=>{
  pageData.currentPage=val.page;
  pageData.pageSize=val.limit;
  console.log("ccccccccccccccccccccccccc",val)
  getTableList();//获取页码更新后数据
}

3： 效果