Level 80
@boyjarv No one can help you if you don’t say what the problem is.
Oct 11, 2021
20
Level 7
Implementation of pagination on NUXT project
Can anyone help me please, I’m trying to get the plug-in Laravel-Vue-pagination working on my NUXT project, I’ll buy you a coffee!
Level 7
@martinbean to implement pagination into my app, I have tried Laravel-Vue-pagination plug-in
Level 80
@boyjarv That doesn’t help any one.
Show what you’ve tried. Show any errors you’re getting. Otherwise we’re just going to tell you to read the installation docs.
Level 7
@martinbean so I’m having issues trying to add Laravel-Vue-pagination to my NUXT app, I apparently need to register it as a component?! In the config.js file?!
Level 80
@boyjarv So do that?
Level 75
@boyjarv do you really need a package to paginate, you could just write your own paginator as discussed here: https://laracasts.com/discuss/channels/vue/paginating-from-my-response
But just suggestion.
Edit: A server fetched partial with next and previous links is very easy to implement, you just need to learn how a paginator code works. It is just some basic math to figure the page and links to go to page.
Level 7
@jlrdw it’s all going over my head, really need some help please …. Which is why I keep asking for help
Level 75
@boyjarv what github site has the paginator you are trying?
Level 80
@boyjarv You’re not asking for “help” though because you’ve been unable to explain what you’ve done so far, how far you’ve gotten, and what is now blocking you progressing.
We don’t know where you are. You can’t just post, “Help me with X” and then expect people to start giving you step-by-step instructions. We need to context.
Level 7
I don’t want to push why I have done so far as it’s broken my app?!
Level 80
@boyjarv Well how is any one supposed to help if we don’t know what you’ve done? We’re not mind readers.
Level 7
@martinbean there's no need for the sarcasm!
Level 7
I. am including it as a plugin but Its not a plugin it's a component
plugins: [
'@plugins/laravel-vue-pagination',
I am getting the same issue to this: https://stackoverflow.com/questions/68178571/how-to-configure-laravel-vue-pagination-for-nuxt-js
Level 80
@boyjarv So include it as a component as per the accepted answer on that Stack Overflow question.
Level 7
@martinbean How?
Level 7
This is where I am stuck, how can I register it as a component in NUXT?
Level 7
here is my plugin file:
import Vue from 'vue'
import LaravelVuePagination from 'laravel-vue-pagination'
Vue.component('laravel-vue-pagination', LaravelVuePagination)
here is my call for the component:
<LaravelVuePagination
:data="venues"
@pagination-change-page="getResults"
:limit="5"
/>
I'm getting: Vue is not defined
Level 7
Can anyone help me on this please?
Level 6
did you get the answer, I'm stuck on the same thing
Level 6
Found a solution
after installing laravel-vue-pagination, create plugins/vueLaravelPagination.js file
import Vue from 'vue'
Vue.component('pagination', require('laravel-vue-pagination'));
In nuxt.config.js add
plugins: [
'@/plugins/vueLaravelPagination'
],
and it will work like a charm
Please or to participate in this conversation.