使用element中的pagination进行vue前端分页 具体代码如下↓

前端 ↓

<el-pagination

      background

      layout="prev, pager, next"

      :total="total"

      :page-size="pagesize"

      :current-page="page"

      style="text-align: center; margin-top: 10px"

      @current-change="fnGetData"

    >

    </el-pagination>

定义字段

data() {

    return {

      page: 1, // 从第几页开始分页

      total: 0, // 获取几页数据

      pagesize: 3, // 需要分几页

      aBrandsList: [],

    };

  },

点击分页触发fnGetData 可以用来直接渲染页面全部数据

methods: {

    fnGetData(num) {

      this.axios

        .get(cons.apis + "/goods/brands/", {

          headers: { Authorization: token },

          responseType: "json",

          params: {