Jexordexan / vue-slicksort

A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
http://vue-slicksort.netlify.app
Other
1.48k stars 157 forks source link

[HELP] Unhandled error during execution of render function #158

Closed jeffagostinho closed 2 years ago

jeffagostinho commented 2 years ago

Hello guys,

I'm using the project in my application and I'm getting this error

[Vue warn]: Unhandled error during execution of render function 
  at <SlickList axis="y" value= []length: 0[[Prototype]]: Array(0) tag=

My implementation looks like this

<slick-list axis="y" value="prizes" tag="ul"
            class="flex flex-col divide divide-y  w-full"
            @input="sortUpdated">

This implementation of mine is old and I updated the package today. I'm using vue 3

If anyone can help me I would be very grateful

Hugs

jeffagostinho commented 2 years ago

Error

app.js:67935 Uncaught (in promise) TypeError: h is not a function
    at Proxy.render (app.js:67935:14)
    at renderComponentRoot (app.js:9981:44)
    at ReactiveEffect.componentUpdateFn [as fn] (app.js:14098:57)
    at ReactiveEffect.run (app.js:7918:25)
    at setupRenderEffect (app.js:14224:9)
    at mountComponent (app.js:14007:9)
    at processComponent (app.js:13965:17)
    at patch (app.js:13566:21)
    at mountChildren (app.js:13753:13)
    at mountElement (app.js:13662:17)
jeffagostinho commented 2 years ago

I looked at the correct documentation and it worked ^^

cuipanfengcool commented 2 years ago

I looked at the correct documentation and it worked ^^ I also encountered the same problem. How did you solve it

jeffagostinho commented 2 years ago

@cuipanfengcool for vue 3 version see here https://vue-slicksort.netlify.app/

This is my current code which is working perfectly

<slick-list axis="y" :value="prizes" :list="prizes" tag="ul" v-model:list="prizes" @update:list="sortUpdated">
    <slick-item v-for="(prize, index) in prizes" :index="index" :key="prize" tag="li">
    ...
...
cuipanfengcool commented 2 years ago

@jeffagostinho thx it worked