ant pagination分页


<
a-pagination v-model="metalData.pageIndex" :total="showItem.length" :page-size="18" :item-render="itemRender"> </a-pagination>

注释:v-model -当前页码;total-数据总条数 page-size-每页条数 item-render-自定义页码样式

        itemRender: function (current, type, originalElement) {if (type === 'prev') {
            originalElement.children = undefined;
            originalElement.text = "上一页";
            originalElement.data.class = originalElement.data.class + " btnadd"
            return originalElement;
          } else if (type === 'next') {
            originalElement.children = undefined;
            originalElement.text = "下一页";
            originalElement.data.class = originalElement.data.class + " btnadd"
            return originalElement;
          }
          return originalElement;
        },

 

posted @ 2020-12-01 17:09  安静、、、  阅读(2675)  评论(0编辑  收藏  举报