遇到的问题：
在开发功能时，有很多个可以拖拽的元素，但是某些元素，需要取消拖拽功能，先打开弹框，输入数据，然后根据数据，再生成元素，需要在onMove方法中，根据元素判断，若需要取消拖拽功能，则return false即可，其他return true。之后在弹框点击确定按钮的事件中，再直接添加拖拽的元素。
具体代码如下：
<draggable
class="components-draggable"
:list="item.list"
:move="onMove"
@end="onEnd"
v-for="(element, index) in item.list"
:key="index"
{{ element.label }}
</draggable>
onMove(obj) {
if (obj.draggedContext.element.id == '3') {
// 先打开弹框
this.openModal();
return false;
return true;
遇到的问题：在开发功能时，有很多个可以拖拽的元素，但是某些元素，需要取消拖拽功能，先打开弹框，输入数据，然后根据数据，再生成元素，需要在onMove方法中，根据元素判断，若需要取消拖拽功能，则return false即可，其他return true。之后在弹框点击确定按钮的事件中，再直接添加拖拽的元素。具体代码如下：<draggable class="components-draggable" :list="item.l
使用tranform实现元素拖放运动，高性能，流畅
您可以通过设置父元素boundsParent来设置拖动边界bounds或限制拖动范围。 全屏拖动是默认设置
默认拖动元素props.children 。 您还可以通过设置dragNode指定要拖动的元素
包裹的props. children其他属性props. children props. children （与拖动无关的属性）不受react-free-draggable 。 还是和没被包裹一样
提供完全足够的免费配置API，以在拖放过程中实施各种设置
子元素不能是内联元素，因为转换不适用于内联元素！
props. Children props. Children仅限于一个封闭的标签！
DraggableEve
Please use the , vue-draggable-nested-tree will no longer be maintained.
请使用新发布的, vue-draggable-nested-tree 将不再维护.
Please use the , vue-draggable-nested-tree will no longer be maintained.
请使用新发布的, vue-draggable-nested-tree 将不再维护.
Please use the , vue-draggable-nested-tree will no longer be maintained.
请使用新发布的, vue-draggable-nested-tree 将不再维护.
vue-draggable-nested-tree vue可拖拽树, 可跨树拖拽
这是可拖拽树组件. 此组件没
录屏软件：screenToGif (将视频转为Gif，我认为简单又好操作)
我深知，文字的感知不如图片，图片的感知不如视频，所以希望在每一次的记录中，都有种收货与喜悦，虽然以前用过这个插件，相当强大的插件，但第一次从0到1，所以记录美好时刻~
1.多列之间想要互相拖动
要有相同的name，如：name:'site'
2.多列直接想要拷贝，不移除
设定pull属性 ，如p
Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 具体说明，请参考：https://www.npmjs.com/package/vuedraggable
vuedraggable特性：
1.支持触摸设备
2.支持拖拽和选择文本
3.支持智能滚动
4.支持不同列表之间的拖拽
5.不以jQuery为基础
6.和视图模型同步刷新
7.和vue2的国度动画兼容
8.支持撤销操作
9.当需要完全控制时，可以抛出所有变化
10.可以和现有的UI组件兼容
npm install vue
拖动的
元素在鼠标按下时通过时间差给
元素添加一个属性（drag-flag），若超过规定时间则认为是在
拖拽，属性设置为true, 否则设置为false。点击方法中通过获取这个属性判断是否要执行点击后的指令。
html:
<div class="drag-area">
<div v-if="isShowHelp" class="help-control"
ref="helpControl"
draggable="true"
@mousedown.stop=.
其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm run XXX是执行配置在 package.json 中的脚本，比如：
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
