element-ui的分页

   <el-pagination
          prev-text="上一页"
          next-text="下一页"
          background
          @current-change="handleCurrentChange"
          :current-page="pageNo"
          :page-size="pageSize"
          layout="total, prev, pager, next, jumper"
          :total="totlalCount"
        ></el-pagination>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {
      pageNo: 1, //第几页
      pageSize: 10, //每页多少条
      totlalCount: 0, //总条数
      rightList: [] //数据
    };
  },
   methods: {
    getCompanyData() {
      let parmars = { 
        pageNo: this.pageNo,
        pageSize: this.pageSize
      };
      api.searchPage(parmars).then(res => {
        this.totlalCount = res.data.totlalCount;
        this.rightList = res.data.data;
      });
    },

    // 分页
    handleCurrentChange(pageNum) {
      this.pageNo = pageNum;
      this.getCompanyData();
    },
   
  },
  created() {},
  mounted() {
    this.getCompanyData();//首次渲染页面
  }
};


</script>