表单设计器问题 about vue-form-making

[GavinZhuLei]

@Sailiy 对的，目前的问题就是在组件逐渐增加的时候会持续在v-for中添加组件，暂时没有想到更好的解决办法，有好的想法可以一起交流

[Sailiy]

你们可以考虑使用render方法，只要组件在全局或者局部注册过的输入组件名都能被渲染出来
我这里的拖动是自己写的，还有一些小问题，
官方文档：https://cn.vuejs.org/v2/guide/render-function.html
主要代码文件：https://github.com/Sailiy/vv-form-design/blob/master/src/views/Editor/EditMain.vue

render: function (h) { // h 为 createElement 函数，接受三个参数 return h('el-form', { props: { labelWidth: '80px' }, nativeOn: { dragover: this.handleOnRootDragOver, drop: this.handleOnRootDrop }, ref: 'FForm' }, this.allComponents.map((component, index) => { if (!component.hasOwnProperty('isActive')) this.$set(component, 'isActive', false) return h(component.name, { directives: [ { name: 'masking' } ], attrs: { 'data-index': index, draggable: true }, class: { active: component.isActive }, nativeOn: { click: (e) => { this.handleItemClick(e, index) }, dragstart: this.childrenDragStart }, ref: 'formItem' + index }) })) }

[GavinZhuLei]

后面可以考虑使用render