efrane / vue-sliding-pagination Goto Github PK

Is there a plan for vue3?

I try to use pageComponent with custom component but I got warning prop type Expected Object, got String

<template>
  <div>
    <sliding-pagination
      :current="current"
      :total="total"
      :non-sliding-size="8"
      :sliding-ending-size="1"
      :sliding-window-size="3"
      page-component="custom-pagination-button"
      @page-change="handleChangePage"
    />
  </div>
</template>

<script>
import Vue from 'vue'
import SlidingPagination from 'vue-sliding-pagination'
import CustomPaginationButton from './CustomPaginationButton.vue'

Vue.component('custom-pagination-button', CustomPaginationButton)
components: {
    'sliding-pagination': SlidingPagination,
  },
</script>

Unfortunately, the next navigation doesn't always just advance by one page

import Vue from 'vue'
import SlidingPagination from 'vue-sliding-pagination'
import 'vue-sliding-pagination/dist/style/vue-sliding-pagination.css'

Vue.use(SlidingPagination)

It doesn't work that way, where am I going wrong

fixed

import Vue from 'vue'
import SlidingPagination from 'vue-sliding-pagination'
import 'vue-sliding-pagination/dist/style/vue-sliding-pagination.css'

Vue.component('SlidingPagination', SlidingPagination)

You can see this issue in the demo. https://vue-sliding-pagination.efrane.com/examples.html#very-basic-example
When the forward/back navigation is not disabled, the link is just an href to # so you are taken to the top of the page.

This is a very frustrating behavior, and there is no way to override the behavior.
I attempted to override the slots previous-page and next-page to implement the functionality myself, but those seem to not work.
Can you provide me with a code sample, or give me permission to contribute so this feature works?

Thank you

When i click on a link, function is working. But active class is not assigning to the icon.

Hey, thanks for providing a great pagination component.
It would be awesome if the clickable area would be larger, preferably the whole list node.