gilbitron / laravel-vue-pagination

A Vue.js pagination component for Laravel paginators
https://laravel-vue-pagination.org
MIT License
750 stars 143 forks source link

v3 Beta (Vue 3) #124

Closed gilbitron closed 2 years ago

gilbitron commented 2 years ago

I've just released a v3 beta of this plugin which is a re-write for Vue 3. Please see the latest releases and install using laravel-vue-pagination@next. The code and REAMDE are available in the v3 branch.

I'd appreciate it if you could help test the beta and share any feedback you have in this issue.

barryp commented 2 years ago

Nice, I swapped out my branch for this and it worked without any problems.

ismaTsmk commented 2 years ago

For me it still doesn't work

image

mfutselaar commented 2 years ago

The limit property seems to be ignored, no matter what value i add to it, all pages still get rendered.

<pagination :data="laravelData" @pagination-change-page="getData" limit="15" />

results in

image

gilbitron commented 2 years ago

@mfutselaar You should be passing the limit as a number, not a string :limit="15" (note the ":").

gilbitron commented 2 years ago

I've just published v3.0.0 making Vue 3 support the default for this package

https://github.com/gilbitron/laravel-vue-pagination/releases/tag/3.0.0

ankurk91 commented 2 years ago

Not working for me in Vue 3.2

laravel-vue-pagination.es.js:226 

       Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'computed')
    at eval (laravel-vue-pagination.es.js:226:1)
    at renderFnWithContext (vue.esm-bundler.js:2976:1)
    at Object.get (vue.esm-bundler.js:5325:1)
    at Proxy.render (laravel-vue-pagination.es.js:116:1)
    at Proxy.compatRender (vue.esm-bundler.js:5132:1)
    at renderComponentRoot (vue.esm-bundler.js:3023:1)
    at ReactiveEffect.componentUpdateFn [as fn] (vue.esm-bundler.js:8930:1)
    at ReactiveEffect.run (vue.esm-bundler.js:611:1)
    at instance.update (vue.esm-bundler.js:9056:1)
    at setupRenderEffect (vue.esm-bundler.js:9070:1)