vue拖动改变模板_vue-draggable实现模板自定义编辑器

若是真感情，天天520

一、效果

这封装成一个组件，在需要使用的地方引入即可，完整代码上传到git上面了，地址：https://github.com/zxc1989092...

二、基本配置(左边公共组件)

如果您对vue-draggable的基本用法还不熟悉可以看看我之前写的一篇文章，讲的是vue-dragagble的基本配置和用法

https://segmentfault.com/a/11...

定义json数据

sceneWidgets: [

{

type: 'text',

classify: 'text', // 文字、数字、email、phone等

icon: '',

label: '单行节点',

placeholder: '请输入文本',

text: '',

required: false

},

{

type: 'textarea',

icon: '',

label: '多行节点',

placeholder: '请输入文本',

text: ''

},

{

type: 'radio',

icon: '',

label: '单选',

placeholder: '',

text: '',