vue clone html,vue.draggable的clone拷贝实现常用菜单功能

vue.draggable的clone拷贝实现常用菜单功能

vue.draggable的clone拷贝实现常用菜单功能，从一个拖拽组拖动到另外一个组而原来的那种组的元素不移除。

先看例子

从左边的元素拖动到右边试试看，然后再从右边拖回到左边。

例子

相关属性

属性说明

clone:options="{group:{name: 'itxst',pull:'clone'},sort: true}"

group属性的clone表示允许克隆被拖动的元素>

movemove事件用来控制那个元素不允许被拖拽和获取当前拖动元素的对象

endend拖拽结束事件，用来判断是否已经存在对象

完整代码

clone例子,左边往右边拖动试试看

{ {item.name}}

{ {item.name}}

//导入draggable组件

import draggable from 'vuedraggable'

export default {

//注册draggable组件

components: {

draggable,

},

data() {

return {