vue可拖拽组件

Question

怎么把可拖拽组件生成的页面保存在数据库中

Answer 1

看你读取渲染的时候需要哪些参数，然后和后端沟通保存这些参数即可啊。
一般需要知道组件名，位置(第几栏第几列之类的)，组件内容，子组件，组件参数之类的。

具体后端是直接存json还是分开字段存，就看他怎么设计了。

简单例子：页面组件拖拽后生成这样一段内容传给后端保存到数据库

[
  {
    node: 'div',
    class: ['container', 'm'],
    style: [{ background: '#000' }],
    // 事件
    event: {
      click: 'handler'
    },
    // 子元素
    children: [
      { node: 'span', content: 'test', class: ['h1', 'm_r_10'] },
      { node: 'span', content: '说明', class: ['desc'] }
    ],
    colIndex: 0, // 第几列
    rowIndex: 0 // 第几行
  }
]

然后读取进行渲染的时候，再取出以上数据渲染就可以了啊。 就是这么简单。