拖拽 VUE 代码生成

[isSamle]

请教下市面上有什么开源项目使用了 Vue.draggable 拖拽生成 Vue 前端代码的吗？😳目前找到的好像都是表单构建器，维护一些组件然后拖入组件，不能直接拖拽设计前端，想找下类似项目研究研究 我用 Vue.draggable 封装了一个可拖入容器组件，然后嵌入调用之后，样式全部被干扰了😂开 F12 查看所有的组件会夹一层 div

[mogutouer]

夹个 div 怕什么，一个正则把字符串处理一下不就去掉了吗

[isSamle]

@mogutouer 用$createElement 即时渲染的，本质不是字符串，是一个 json 数据，通过$createElement 渲染组件，因为按我的设想，使用过程要不断的往其中插入新的页面元素，以及配置数据

[isSamle]

@mogutouer 如果把这个 div 去掉（也就是把 Vue.draggable 去掉），那就不能再往元素里面插元素了

[isSamle]

最好是有什么方法，把一个本来的元素，设置为可拖拽插入元素，原来是什么标签还是什么标签，这样不使用 Vue.draggable 就不会多一层 div

[isSamle]

比如原本是
<el-container>
<draggable>
<el-aside width="200px">Aside</el-aside>
<el-main>Main</el-main>
</draggable>
</el-container>
如果能够改成下面实现拖拽插入的效果，那就少一层 div 就没影响
<el-container vue-draggable>
<el-aside width="200px">Aside</el-aside>
<el-main>Main</el-main>
</el-container>

[Akuta]

看看这个？ https://github.com/fyl080801/vjdesign

[isSamle]

@Akuta 谢谢 我看看

[isSamle]

如果用`Vue.directive('draggable', draggable)`的话，组件要重新封装，拖拽、克隆方法要重新写、数据处理方法也要重写😂，不知道能不能找到已经封装好的类似 vue.draggable 的指令直接插入使用😂

[isSamle]

目前来看还是要自己封装😂