它的作用是:当从左边组件列表拖拽出一个组件放到画布中时,画布要把这个组件渲染出来。
这个编辑器的实现思路是:
用一个数组 componentData 维护编辑器中的数据。...另外,在将组件列表中的组件拖拽到画布中,还有两个事件是起到关键作用的:
dragstart 事件,在拖拽刚开始时触发。它主要用于将拖拽的组件信息传递给画布。
drop 事件,在拖拽结束时触发。...不顶掉数据,在原来的快照中新增一条记录。用刚才的例子举例,e 不会把 cd 顶掉,而是在 cd 之前插入,即快照数据变为 [a, b, e, c, d]。
我采用的是第一种方案。...{ label: '光速从右退出', value: 'lightSpeedOutRight' },
{ label: '光速从左退出', value: 'lightSpeedOutLeft...{ label: '向左滑动收起', value: 'slideOutLeft' },
{ label: '向右滑动收起', value: 'slideOutRight' },