基于element分页组件的二次封装达到简化开发的目的

使用vue基于element二次封装分页组件，挺实用的

---

前言

使用vue基于element二次封装分页组件，挺实用的，代码里对element分页组件样式的个性化使用了less语法，这个可以提供封装组件的思路，如果遇到相同的业务，也可以直接使用。

---

一、使用步骤

1.引入组件

注：将封装的组件放在vue手脚架的components里并新建立一个文件夹取名com-page里面存储这个文件相关的vue文件，便于后期管理。
代码如下（示例）：

<template>
  <div class="myPage">
    <el-pagination
      @size-change="changePageSize"
      @current-change="changeCurrent"
      :current-page="currentPage"
      :page-size="sizePage"
      :page-sizes="[10, 20, 30, 40]"
      layout="total,sizes,prev,pager,next,jumper"
      :total="totalPagesfu"
    ></el-pagination>
  </div>
</template>
<script>
export default {
   
  data() {
   </