vue树形结构的实现--拖拽篇(1)
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue树形结构的实现--拖拽篇(1)相关的知识，希望对你有一定的参考价值。
参考技术A 本篇主要实现了视图方面的拖拽效果:涉及到的主要知识点为vue自定义指令.
在app根元素中放一个预留的dragTip元素, 当触发拖拽时, 将触发元素的内容放入dragTip元素中, 这样就可以实现图中的效果.
vue中有两种自定义指令: 全局和组件内, 可以根据指令的适用范围来考虑写在全局或是组件中. 那在本篇中使用的组件内的自定义指令:
treeItem.vue
app.vue
禁止了用户选择文字, 避免对拖拽造成影响
本来以为写起来很简单, 但是要考虑的地方还是有点多的, 所以只做到了视图这一步, 下一篇争取把视图=>数据给写完
以上是关于vue树形结构的实现--拖拽篇(1)的主要内容，如果未能解决你的问题，请参考以下文章