Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No Vue 3 support

See original GitHub issue

In Vue 3 the following error appears:

vuedraggable.common.js?310e:2006 Uncaught (in promise) TypeError: Cannot read property 'header' of undefined
    at getSlot (vuedraggable.common.js?310e:2006)
    at computeChildrenAndOffsets (vuedraggable.common.js?310e:2012)
    at Proxy.render (vuedraggable.common.js?310e:2121)
    at renderComponentRoot (runtime-core.esm-bundler.js?5c40:673)
    at componentEffect (runtime-core.esm-bundler.js?5c40:4475)
    at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
    at effect (reactivity.esm-bundler.js?a1e9:17)
    at setupRenderEffect (runtime-core.esm-bundler.js?5c40:4458)
    at mountComponent (runtime-core.esm-bundler.js?5c40:4416)
    at processComponent (runtime-core.esm-bundler.js?5c40:4376)

Would be nice to have Vue 3 support.

Issue Analytics

State:
Created 3 years ago
Comments:10 (1 by maintainers)

Top GitHub Comments

4reactions

roxanarahimicommented, Jan 2, 2022

in vue 3 you should use draggable library as below:

install: npm i -S vuedraggable@next

impotr: import Draggable from ‘vuedraggable’;

use: <draggable v-model="myArray" group="people" @start="drag=true" @end="drag=false" item-key="id"> <template #item="{element}"> <div>{{element.name}}</div> </template> </draggable>

and this is the link with full examples: https://github.com/SortableJS/vue.draggable.next

2reactions

Developer27149commented, Jul 20, 2022

in vue 3 you should use draggable library as below:

install: npm i -S vuedraggable@next

impotr: import Draggable from ‘vuedraggable’;

use: <draggable v-model="myArray" group="people" @start="drag=true" @end="drag=false" item-key="id"> <template #item="{element}"> <div>{{element.name}}</div> </template> </draggable>

and this is the link with full examples: https://github.com/SortableJS/vue.draggable.next

It’s work.Thanks.

Top Results From Across the Web

Frequently Asked Questions - Vue.js

There are only a few reasons for you to consider Vue 2 as of now: You need to support IE11. Vue 3 leverages...

[vue3] Support for @vue/compat mode · Issue #579 - GitHub

The implementation for Vue 3 support seems (not sure if actually is that way, but it seems so) to be stopped, or at...

Yes, Vue 3 is out but you probably don't need it ‍♂️ - ITNEXT

When to use Vue 3 and when not to. If you need IE11 support: don't use it, support is not there yet; If...

Vue 3 was a mistake that we should not repeat - Medium

Composition API was introduced as the solution. Another important issue was the typescript support. Of course, writing typescript in a Vue component is...

Vue 3: Support new <script setup> without ref sugar - YouTrack

Once/if this RFC is accepted it would be really nice if IntelliJ Vue.js plugin would support it. It looks like plugin already supports...