建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

这段时间使用 ts 和 vue 做了一个项目，项目从 0 开始搭建，在建设和优化的同时，实现了很多自己的想法，有那么一两个组件可能在我本人看来有意义，所以从头回顾一下当初的想法，同样也可以做到一个记录的作用。如果还没有使用过 ts 的同学可以通过 使用 Vue Cli3 + T…

当你的系统需要做权限验证时，往往有一个很常见的需求：系统的某些页面或者资源（按钮、操作等），需要该用户有对应的权限才能可见可用。 这就涉及到如何根据用户的权限来判断能否进入某个路由页面的问题了。 本篇是针对vue-router来说明如何实现。 根据各种资料，这里分为三种解决方案…

之前撸了一个 copy 指令，这次再撸一个拖拽指令。。 emmm。。没错，看起来就是如此的鸡肋，但是莫得办法，大佬喜欢啊。 由于我们项目中用的是 element-ui ，所有这个指令只针对 element-ui的对话框组件哈，如果你们用的别的ui库也有这个需求的，涂涂改改应该也…