原文:基于vuedraggable的表单生成组件和基于paperjs的流程图组件

前一阵子 em。。。这个前挺长了 做了一个表单生成组件和流程图组件。分别使用的是vuedraggable和paperjs。看了一些官方的介绍和源码,然后就直接上手了。 .vuedraggable 比较简单,主要就是将数据和拖动及拖出和拖入事件绑定好就可以了。拖动的时候,会自动生成ghost,移动中换位动画也是动态的。效果图: 此外做了预览 数据保存 校验。每个组件都可以自定义限制条件。关键逻辑是 ...

2020-01-10 17:26 3 1576 推荐指数:

查看详情

vue+element 表单成组件(1)

作为一名刚接触vue不到一个月的菜鸟,思想还没有从操作DOM转变为数据驱动,看vue的代码处处别扭。组里为了让我熟悉vue交给了我一个将element 表单封装成组件的练手任务。由于开发过程中遇到的表单需求千奇百怪,我们不能直接将表单封装成一个组件。所以我尝试把输入框,下拉菜单,滑块,时间选择器 ...

Tue Jul 31 23:46:00 CST 2018 1 7145
JS组件系列——JsPlumb流程图及相关效果详解

前言:之前项目里面用到了Web里面的拖拽流程图的技术JsPlumb,其实真不算难,不过项目里面用HTML做的一些类似flash的效果,感觉还不错,在此分享下。 Jsplumb官网:https://jsplumbtoolkit.com GitHub:https://github.com ...

Fri Nov 13 20:38:00 CST 2015 13 1415
vue中如何生成组件的文档说明

针对vue组件,编写对应的组件文档 使用vuepress直接通过markdown文件去动态生成对应的组件演示和代码预览以及说明。 准备工作 先安装vuepress,npm i vuepress -D。 接着安装vuepress-plugin-demo-container ...

Tue Jan 05 22:58:00 CST 2021 0 790
ant-design-vue表单生成组件form-create快速上手

介绍 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 安装 CDN 引入 目前 ...

Thu Apr 23 19:01:00 CST 2020 0 6566
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM