vue2 + Lodop 制作可视化设计页面 实现打印设计功能（一）

历史：

vue2 + Lodop 制作可视化设计页面 实现打印设计功能（一）

vue + Lodop 制作可视化设计页面 实现打印设计功能（二）

vue + Lodop 制作可视化设计页面 实现打印设计功能（三）

vue + Lodop 制作可视化设计页面 实现打印设计功能（四）

前言：

        此功能的来源来自于当时需要制作一个便于客户操作的打印设计功能，然后就有了这个项目。这个帖子主要是用于分享与谈论，相互学习。

目标：

1. 能在vue页面中拖拽组件
2. 支持批量操作拖动
3. 通过拖拽组件列表里的组件到page进行添加
4. 实现多种组件，如文本，图片，表格，网格等
5. 便于扩展组件
6. 页面中的单位统一，实现所见即所得
7. 等等

当全部功能整理完毕后，会把此demo开源

目前效果：

设计

预览