分类：vue实现拖拽可视化

2021
04-07

如何以拖拽方式生成Vue用户界面

前言前一阵子拜访了一些小伙伴，大家都表示苦前端太久了，需要花费不少时间在前端开发上。本着在不损失灵活性的前提下尽可能提高开发效率的原则，作者尝试在框架内集成了拖拽方式生成Vue用户界面的功能作为补充，以方便快速生成增删改查界面，也可以用于大屏展示及简单的网页制作。一、技术原理1.1布局  目前仅实现了基于vue-grid-layout的网格布局，设计画布上的每个组件动态加载至对应的GridItem内，同时根据组件配... 继续阅读 >
2020
12-05

vue基于Echarts的拖拽数据可视化功能实现

背景我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待......。 不，还是先上一张效果图吧，请看......前期知识点1.offset（偏移量）定义：当前元素在屏幕上占用的空间，如下图：其中：offsetHeight:该元素在垂直方向上的占用的空间，单位为px，不包括margin。offs... 继续阅读 >