vue 实现文本的拖拽_vue 中拖拽的几种实现方法

1 vue cardDragger

使用方法：

① npm install carddragger

② main.js 文件：

import {installCardDragger} from 'carddragger'

Vue.use(installCardDragger)

③ 使用页面：

import { cardDragger } from 'carddragger'

export default {

components:{

cardDragger,

}

}

详细参考cardDragger使用文档

注:可实现拖拽功能，且内部组件支持自定义内容，也提供了相关方法；但无法给出拖拽后的排序列表list,只能根据拖拽前后的索引自行排序；

2 vuedraggable

参考链接vue draggable 与 vue-dragging

使用方法：

① npm i vuedraggable -S

② 使用页面：

import vuedraggable from 'vuedraggable';

export default {

components:{

draggable

}，

methods:{

datadragEnd(){

console.log(this.myArray);

}

}

},</