cloudeep / vuejs-paginate-next Goto Github PK

Hi!

The documentation mentions that we can use prev-text and next-text to customize the HTML, but I can't render a custom icon component.

Any example how can I achieve that?

Current component looks very good.

Why not add a new bulma style component?
Considering bulma and vue 3 is a very popular combination

Thanks

hi
please help me
when use paginate component for repeat pagination buttons
get this error

runtime-core.esm-bundler.js?798e:2947 Uncaught TypeError: Cannot read properties of null (reading 'isCE') at renderSlot (runtime-core.esm-bundler.js?798e:2947:1) at eval (vuejs-paginate-next.es.js?8857:278:1) at eval (eval at renderList (runtime-core.esm-bundler.js?798e:1:1), <anonymous>:1:1) at renderList (runtime-core.esm-bundler.js?798e:2905:1) at Proxy._sfc_render (vuejs-paginate-next.es.js?8857:268:1) at renderComponentRoot (runtime-core.esm-bundler.js?5c40:761:1) at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:4599:1) at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160:1) at updateComponent (runtime-core.esm-bundler.js?5c40:4472:1) at processComponent (runtime-core.esm-bundler.js?5c40:4405:1)

this is my code

<paginate v-model="in_pageIndex" :page-count="PageCount" :page-range="3" :margin-pages="2" :prev-text="'قبلی'" :next-text="'بعدی'" :first-last-button="true" :first-button-text="'اول'" :last-button-text="'آخر'" :container-class="'pagination pagination-primary pagination-lg'" :page-class="'page-item'"> </paginate>
thank you

I didn't see anything in the readme, but is there a control for letting the user select the page size? I'm thinking a dropdown to choose some pre-set sizes: 5/10/20/50

title

Hi this might be a silly question but my pagination doesn't render when importing the script via CDN
All I have done is

<script src="https://unpkg.com/vuejs-paginate-next@latest/dist/vuejs-paginate-next.umd.js"></script>   
 <script >
    const { createApp } = Vue
    createApp({
		
  components: {
      paginate: Paginate,
    },

I get Pagination is not defined in the console

If you click twice, 'selected' becomes String, and 3 becomes 21.

hi, i'm passing my class to the prop page-link-class but its not overridingthe css