Pagination via VueJS

This may not be 100% what you are looking for but check out the code and hopefully it will give you some insight to using VueJS and making a pager

http://codepen.io/tutelagesystems/pen/bEeYdV

I will check it thank you very much @michaelmcmullen

Have you tried

this.$nextTick(function() {
// set your pagination after ajax request is successful, if using vue-resouce in the .then function
}

@qahmad Check out this code that I have written for paging in Vue: https://github.com/infernobass7/vue-paging

If it helps, I still use the Eloquent paginate() method that I'm using Vue to call, then I use the prev_page_url, last_page, etc. properties to build links in my view. It might not be the coolest way to accomplish the task, but it works. So my Vue methods look like this:

        fetchLogs: function() {
            this.working = true;
            this.$http.get('/api/syslog').then(function(response) {
                this.logs = response.data;
                this.working = false;
            }).catch(function(error) {
                this.errors = error;
                console.log(error);
            });
        },
        fetchPaginatedLink: function(link) {
            this.$http.get(link).then(function(response) {
                this.logs = response.data;
            }).catch(function(error) {
                this.errors = error;
                console.log(error);
            });
        }

That first call, fetchLogs, is returned from my controller using Eloquent's ->paginate() method. Then subsequent links in my view are built using the properties that ->paginate() offers, so I do things like this in my view,

@click="fetchPaginatedLink(logs.prev_page_url)"

I did this in an effort to be lazy and not figure out how to paginate with Vue.

Thank you all guys , I found a youtube video which helps to build a pagination component

https://www.youtube.com/watch?v=H1dAK9f825Q

@infernobass7 @goatshark @jekinney

Thanks All for the responses :) <3