…Formliy 是一款比较强大的表单渲染器,目前对 React 支持最友好,Vue 相关的有一个 vue-formly 但也仅仅是 Vue 2.x 的。还有就是 Formliy 过于强大,不仅仅支持 JSON Schema 还支持 JSX Schema 渲染表单。而我们只是单纯需要像 Form Render 这样的 JSON Schema 标准的轻量易用型框架。 所以 有了这个 基于 V...
基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi - lljj-x/vue-json-schema
1Star0Fork1 王帆/vue3-json-schema-form 代码Issues0Pull Requests0Wiki统计流水线 服务 PHPDoc 文档 支持PHP 仓库在线生成文档 未生成文档 技术交流QQ群 微信服务号 client@oschina.cn 企业版在线使用:400-606-0201 专业版私有部署: 13670252304 13352947997...
基于以上问题的探索,以及受到UForm的启发,研发了VSchemaForm的Vue表单解决方案: 使用json描述表单内容 支持多平台(移动端和桌面端) 支持多个组件库(Element UI、Ant Design Vue、Antd Mobile Vue,Vant) 支持嵌套表单 支持任意数据的数组解构 支持副作用函数,统一处理表单内各项的数据联动 ...
tsconfig.json feat: init and ajv learning 4年前 vue.config.js feat: init and ajv learning 4年前 yarn.lock feat: init and ajv learning 4年前 README vue3-json-schema-form 介绍 软件架构 安装教程 使用说明 参与贡献 特技 vue3-json-schema-form ...
基于Vue 3.x 实现的 Form render github: vue form render 在线演示 为什么要造这个轮子? 之前用过 React 的 Form Render 的小伙伴应该比较清楚 Form Render 可以基于 JSON Schema 快速构建出表单区块。不得不说 For Render 在以下场景中的使用会给开发带来巨大的便利:...
schema.json："type": "object""properties":"name": "type": "string""age": "type": "number""address":"type": "object""required": ["province", "city"]配置vite.config.ts添加JSONSchema支持：import defineConfig from ’vite’export default defineConfig(json:schemaDrafts: [’2020-12’]
class="demo-ruleForm" > <el-form-item label="金额" prop="money" :rules="[ { required: true, message: '金额不能为空' }, { type: 'number', message: '金额是数字类型' }, ]" > <el-input v-model.number="numberValidateForm.money" ...
v-model.number="numberValidateForm.money" type="text" autocomplete="off" /> </el-form-item> <el-form-item label="格式化后的金额" prop="amount" > <el-input v-model="numberValidateForm.amount" type="text" autocomplete="off" readonly ...
设计思想和对schema解析索引参考react-jsonschema-form 相关资料 JSON Schema|Vue 为何开发 在做前端可视化编辑时,为了解决数据配置表单的通用性,所以使用JSON Schema描述数据结构,动态生成表单。 这样做的好处除了解决在每个配置表单的重复工作,服务端也可以基于同一份schema保持和前端一致的校验规则,不过对于使用 vue eleme...