sant123 / vuejs-uib-pagination Goto Github PK

how do i hide the page numbers between the prev and next button, i simply want to display two buttons prev and next

I'm not sure how to implement this on my app. Let's say I have an array of items called Items how would I implement this plugin to work on my Items array?

When i try to use the plugin, Vue gives me this error:

You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

I use vue-cli webpack template with option:

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere

pagination1: {
    // currentPage: 4
},
pageChanged: function () {
    console.log('Page changed to: ' + this.pagination1.currentPage);
}

Expected
pageChanged should not be fired.

Actual
pageChanged is being fired.

Currently:
<ul> has no role attribute
<li> items have role="menu"

Expected
<ul> should have role="menu"
<li> items have role="menuitem"

This library looks really good except that I'm not sure how to implement it in my Typescript project. The linter is putting out the following message:

Could not find a declaration file for module 'vuejs-uib-pagination'. '/Project root/node_modules/vuejs-uib-pagination/dist/vuejs-uib-pagination.js' implicitly has an 'any' type.
Try npm install @types/vuejs-uib-pagination if it exists or add a new declaration (.d.ts) file containing declare module 'vuejs-uib-pagination';

I tried installing from @types to no avail.

Any thoughts or should I find a different library? Thank you in advance

Is there any watcher for total-items property ? I'm changing it dynamically and it is not responding, I have checked the source files and haven't found any watcher for this

When are you planning to make official release for Vue.js 3 support?

Hi!
When I use this plugin in template, the text like '›' can't be unescaped to HTML.
The code is
<uib-pagination @change="fetch(pagination.currentPage)" :boundary-links="true" :total-items="totalItems" v-model="pagination" class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;" :max-size="5" :rotate="true" :force-ellipses="true"></uib-pagination>

and the result is like this

Hi

I would like to know if there's an option to render raw HTML when using page-label.
That's because I need to render an icon instead of a number while retrieving data from the server.

Willing to help on this as needed.

Thank you very much.