antd 中pagination分页使用

                        @change="handleChangePage"/>

export default {
  name: "userIntegrate",
  components: {
    Menu,
  },
  data() {
    return {
      current: 1,
      data: [],
    };
  },
  watch: {
    status() {
      this.fetch(1);
    },
  },
  created() {
  },
  mounted() {
    this.fetch(1);
  },
  methods: {
    fetch(page) {
      let params = {
        page: page,
        limit: 10,
      };
      this.$http.get("/api/app/ec/pointLog/pageListByMbrId?status=" + this.status, {params}).then((res) => {
        if (res.code === 200) {
          this.data = res.data.list;
          this.totalCount = res.data.totalCount
        }
      })

    },
    handleChangePage(value) {
      this.current = value
      this.fetch(value);
    },
    onChange() {
    },

    // 修改上一页下一页文字类型
    itemRender(current, type, originalElement) {
      if (type === "prev") {
        return 上一页;
      } else if (type === "next") {
        return 下一页;
      }
      return originalElement;
    }
  },
};

你可能感兴趣的:(vue)