https://caohuatao.github.io/ ...
前一阵子 em。。。这个前挺长了 做了一个表单生成组件和流程图组件。分别使用的是vuedraggable和paperjs。看了一些官方的介绍和源码,然后就直接上手了。 .vuedraggable 比较简单,主要就是将数据和拖动及拖出和拖入事件绑定好就可以了。拖动的时候,会自动生成ghost,移动中换位动画也是动态的。效果图: 此外做了预览 数据保存 校验。每个组件都可以自定义限制条件。关键逻辑是 ...
2020-01-10 17:26 3 1576 推荐指数:
https://caohuatao.github.io/ ...
...
作为一名刚接触vue不到一个月的菜鸟,思想还没有从操作DOM转变为数据驱动,看vue的代码处处别扭。组里为了让我熟悉vue交给了我一个将element 表单封装成组件的练手任务。由于开发过程中遇到的表单需求千奇百怪,我们不能直接将表单封装成一个组件。所以我尝试把输入框,下拉菜单,滑块,时间选择器 ...
前言:之前项目里面用到了Web里面的拖拽流程图的技术JsPlumb,其实真不算难,不过项目里面用HTML做的一些类似flash的效果,感觉还不错,在此分享下。 Jsplumb官网:https://jsplumbtoolkit.com GitHub:https://github.com ...
针对vue组件,编写对应的组件文档 使用vuepress直接通过markdown文件去动态生成对应的组件演示和代码预览以及说明。 准备工作 先安装vuepress,npm i vuepress -D。 接着安装vuepress-plugin-demo-container ...
传送门:http://visjs.org/ demo代码 ...
介绍 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 安装 CDN 引入 目前 ...