基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)
今天给大家分享一个vue.js低代码平台模板,靠拖拉拽生成页面。
visual-drag 使用 vue.js 开发构建的低代码(可视化拖拽)模板。实现了比较多丰富的功能。
功能清单
- 编辑器
- 自定义组件(文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合)
- 接口请求(通过接口请求组件数据)
- 组件联动
- 拖拽
- 删除组件、调整图层层级
- 放大缩小
- 撤消、重做
- 组件属性设置
- 吸附
- 预览、保存代码
- 绑定事件
- 绑定动画
- 拖拽旋转
- 复制粘贴剪切
- 多个组件的组合和拆分
- 锁定组件
- 网格线
快速开始
// 克隆项目git clone https://github.com/woai3c/visual-drag-demo.git// 安装依赖npm i// 运行npm run dev// 构建npm run build
非常不错的一款低代码模板,如果大家对可视化拖拽模板感兴趣,可以去看看。
// 预览地址https://woai3c.github.io/visual-drag-demo// 仓库地址https://github.com/woai3c/visual-drag-demo
好了,今天的分享就到这里。