vue+elementUi开发一个可拖拽的和拉伸编辑的画板
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue+elementUi开发一个可拖拽的和拉伸编辑的画板相关的知识，希望对你有一定的参考价值。
参考技术A 最近几天一直在用vue去实现动态编辑模板的一个小功能，包括自由拖拽div，自由拉伸div，自由设置宽度，颜色文本内容，新增和删除对应的div当前组件git地址
当前组件封装成npm插件 文章详细解读
下方是具体的画面，比较简陋，望各位大神勿喷
现在开始说一下实现的方式
先使用vue的自定义属性定义一个指令为 v-drag
contain参数 是为了防止div在拖拽过程中超出画布边界
稍后再继续完善功能，增加一些新功能
以上是关于vue+elementUi开发一个可拖拽的和拉伸编辑的画板的主要内容，如果未能解决你的问题，请参考以下文章
android开发游记：ItemTouchHelper 使用RecyclerView打造可拖拽的GridView