vuedraggable（如何评价升级vue2.0，以及关于vue2.0里面directive功能删减的问题）
本文目录
如何评价升级vue2.0，以及关于vue2.0里面directive功能删减的问题
目前vue2.0 刚刚发布不久，其生态还不完全。如果你选择vue2.0的话，Element就是一个很不错的选择，虽然在使用中，有一些不合理的地方，甚至还有一些bug，其github上更新也相当频繁，但是也很感谢Element，很大程度地提高了我项目的效率。至少目前还没有发现支持vue2.0更好的UI组件。
怎么使用vuedraggable实现简单的拖拽，只拖拽一个内容（div）
仔细观察发现，今日头条导航部分效果，有以下几个效果
1：点击开启可以的效果（也就是是否开启拖拽）
2：拖拽前选中效果
3：拖动过程中元素移动到目标位置的运动效果
这是Vue.Draggable作者的git引入之后我们发现Vue.Draggable默认就是开启拖拽状态的，那我们要控制这个状态怎么办呢？在作者项目的首页，发现并没有详细介绍，是不是有这个状态提供，当然也许是因为自己英语太渣，没有发现这句话（See here for reference）
https://www.jsykyy.com/#RubaXa/Sortable#event-object-demo后来发现，点进去，发现了很多好玩的东西，具体有哪些，这里我们只挑我们需要的，然后我就发现这个东东：
这不就是我们想要的么，如果你认为是这个属性直绑定到组件上，那么你就错了，在往下看，似乎有怎么使用的实例代码，那我们不妨看看是怎么样的：
其实看到这个你大概知道怎么用了，如果还不会那么不着急，我贴一下我的代码你就知道怎用了
嗯就是这么简单，然后你再去控制这个disable就可以，至于怎么控制，接触过vue的人应该都会，就不说了，到这里我们第一个问题就解决，那我后面两个问题呢？
别急，其实和第一个一模一样
还有一些其他配置项的解释：
1.ghostClass:’ghostClass’;拖拽中占位的元素的类名（一般设置opacity:1）达到空出该位置的视觉效果
2.dragClass:’dragClass’;元素拖拽中的类名
哈哈就是这么简单，惊不惊喜，意不意外！！！之前之所以，称之为问题是因为，以为那些配置项都是直接配置在组件上的，好了上面三个问题基本算是解决了，其实我们发现，这个过程中烦在哪里，就是知道配置项options是挂在在draggable组件上，那些控制draggable的行为都是在options里面配置的，经验告诉我们，一定要仔细阅读文档，答案都在文档里面，好了，如果能帮助到正在看文章的你
更多文章：
百度一键root官网手机版下载（一键Root大师新版来袭，支持Note3、Nokia X一键ROOT）
2024年8月10日 02:26
2024年6月17日 08:02
2024年6月25日 17:50
起点中文小说网手机版app（起点中文网的手机app是这个么）
2024年8月22日 16:05
2024年8月28日 13:45
超级转换秀 破解（求超级转换秀的破解版，要是需要注册的就免了感激不尽）
2024年5月10日 10:05
2024年7月6日 05:42
2024年6月24日 06:35
2024年6月15日 18:38
2024年6月19日 01:38
2024年6月10日 14:00
2024年6月2日 18:50
2024年7月15日 05:14
2024年9月6日 18:35
2024年5月14日 06:11
2024年7月2日 06:49
2024年6月25日 03:11
2024年5月7日 21:41
2024年6月5日 14:46
凯撒大帝4中文版（我安装好凯撒大帝4，一进入游戏就黑屏怎么回事）
2024年6月8日 17:57
