🦄 Vue components for modifying lists with the HTML5 drag & drop API.
Vue components for modifying lists with the HTML5 drag & drop API.
:key, it will cause dragging confusion.
Why is this wrong? Because in Vue.js v2.5.0 version, The
nextTick's implementation has changed, specific can see here. The reason for throwing this error is that when the element is dropped onto the list, a duplicate object is inserted into the array. Now I think this can be done for you. Add a
dropevent to the
vddl-listand add a
movedevent to the
vddl-draggable. Then you need to splice the array manually. See the demo source code
Touch devices are not supported, because they do not implement the HTML5 drag & drop standard. However, you can use a shim to make it work on touch devices as well.
npm install --save vddl
yarn add vddl
import Vue from 'vue'; import Vddl from 'vddl';
# dev npm install npm run watch
npm run build
cd example && npm install npm run dev