代码拉取完成,页面将自动刷新
基于vue和element-ui实现的表单设计器,主要功能是使使用者在图形界面配置所需的表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速
预览地址
[GitHub]源码开源地址
[码云]源码开源地址
特性
创作感谢k-form-design给予的灵感
form-design-tcd本着所有表单控件特性尽可能可视化配置。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
使用初始化项目命令
vue create myapp
npm i form-design-tcd --save
# OR
yarn add form-design-tcd
在项目main.js中
import FormDesignTCD from 'form-design-tcd'
import "form-design-tcd/lib/form-design-tcd.css"
Vue.use(FormDesignTCD)
以上步骤便完成便可在项目中直接使用form-design-tcd。
form-design-tcd内置了两个组件分别为FormDesignTCD和FormBuildTCD。
form-design-tcd基础组件样式引用的element-ui的组件库,在使用过程中一些表单控件特性可查阅element-ui官方文档
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。