vue-form-render:基于Vue 3.x，使用JSON模式快速生成自定义表单配置界面
Vue形式呈现
基于Vue 3.x，使用JSON Schema快速生成自定义表单配置界面。
例子
安装
npm i vue3-form-render --save
vue3 form render依赖于从item.so进行渲染，因此在使用vue3 form render我们需要安装Ant Design of Vue并将其导入到我们的项目中：
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue' ;
import 'ant-design-vue/dist/antd.css' ;
const app = createApp ( App ) ;
app . use ( Antd ) ;
app . mount ( '#app' ) ;
简易演示
< temp
文件下载
资源详情
[{"title":"（ 69 个子文件 300KB ） vue-form-render:基于Vue 3.x，使用JSON模式快速生成自定义表单配置界面","children":[{"title":"vue-form-render-master","children":[{"title":"docs","children":[{"title":"docs","children":[{"title":"component","children":[{"title":"object.md <span style='color:#111;'> 314B </span>","children":null,"spread":false},{"title":"string.md <span style='color:#111;'> 2.92KB </span>","children":null,"spread":false},{"title":"boolean.md <span style='color:#111;'> 619B </span>","children":null,"spread":false},{"title":"number.md <span style='color:#111;'> 738B </span>","children":null,"spread":false},{"title":"array.md <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false}],"spread":true},{"title":".vuepress","children":[{"title":"config.js <span style='color:#111;'> 1.65KB </span>","children":null,"spread":false},{"title":"dist","children":null,"spread":false},{"title":"components","children":[{"title":"example.vue <span style='color:#111;'> 199B </span>","children":null,"spread":false},{"title":"boolean.vue <span style='color:#111;'> 541B </span>","children":null,"spread":false},{"title":"demo.vue <span style='color:#111;'> 212B </span>","children":null,"spread":false},{"title":"list.vue <span style='color:#111;'> 535B </span>","children":null,"spread":false},{"title":"string.vue <span style='color:#111;'> 540B </span>","children":null,"spread":false},{"title":"number.vue <span style='color:#111;'> 539B </span>","children":null,"spread":false},{"title":"array.vue <span style='color:#111;'> 539B </span>","children":null,"spread":false},{"title":"obj.vue <span style='color:#111;'> 539B </span>","children":null,"spread":false}],"spread":true},{"title":"public","children":[{"title":"logo.png <span style='color:#111;'> 57.27KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"guide","children":[{"title":"README.md <span style='color:#111;'> 2.20KB </span>","children":null,"spread":false}],"spread":true},{"title":"demo","children":[{"title":"README.md <span style='color:#111;'> 11B </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 598B </span>","children":null,"spread":false},{"title":"start","children":[{"title":"README.md <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package.json <span style='color:#111;'> 383B </span>","children":null,"spread":false}],"spread":true},{"title":"vue.config.js <span style='color:#111;'> 714B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 505.23KB </span>","children":null,"spread":false},{"title":"deploy.sh <span style='color:#111;'> 554B </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"docs","children":[{"title":"boolean.vue <span style='color:#111;'> 979B </span>","children":null,"spread":false},{"title":"demo.vue <span style='color:#111;'> 978B </span>","children":null,"spread":false},{"title":"list.vue <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false},{"title":"object.vue <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"docsIndex.vue <span style='color:#111;'> 200B </span>","children":null,"spread":false},{"title":"string.vue <span style='color:#111;'> 2.25KB </span>","children":null,"spread":false},{"title":"number.vue <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"array.vue <span style='color:#111;'> 1.65KB </span>","children":null,"spread":false}],"spread":true},{"title":"demos","children":[{"title":"links.vue <span style='color:#111;'> 3.46KB </span>","children":null,"spread":false},{"title":"demo.vue <span style='color:#111;'> 3.14KB </span>","children":null,"spread":false},{"title":"demoIndex.vue <span style='color:#111;'> 667B </span>","children":null,"spread":false},{"title":"object.vue <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false},{"title":"simple.vue <span style='color:#111;'> 1.41KB </span>","children":null,"spread":false},{"title":"string.vue <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"array.vue <span style='color:#111;'> 1.14KB </span>","children":null,"spread":false},{"title":"all.vue <span style='color:#111;'> 6.16KB </span>","children":null,"spread":false},{"title":"multi.vue <span style='color:#111;'> 2.03KB </span>","children":null,"spread":false},{"title":"richText.vue <span style='color:#111;'> 822B </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 199B </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"router","children":[{"title":"index.js <span style='color:#111;'> 2.38KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".gitignore <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"imgs","children":[{"title":"img.png <span style='color:#111;'> 133.56KB </span>","children":null,"spread":false}],"spread":true},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 3.77KB </span>","children":null,"spread":false},{"title":"packages","children":[{"title":"index.jsx <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"styles","children":[{"title":"common.less <span style='color:#111;'> 679B </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"utils.js <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 9.11KB </span>","children":null,"spread":false},{"title":"validate.js <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false}],"spread":false},{"title":"widgets","children":[{"title":"range.jsx <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"multiCheckbox.jsx <span style='color:#111;'> 1.27KB </span>","children":null,"spread":false},{"title":"url.jsx <span style='color:#111;'> 382B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 8.72KB </span>","children":null,"spread":false},{"title":"richText.jsx <span style='color:#111;'> 1.72KB </span>","children":null,"spread":false},{"title":"multiSelect.jsx <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"number.jsx <span style='color:#111;'> 1.71KB </span>","children":null,"spread":false},{"title":"image.jsx <span style='color:#111;'> 1.95KB </span>","children":null,"spread":false},{"title":"input.jsx <span style='color:#111;'> 4.14KB </span>","children":null,"spread":false},{"title":"boolean.jsx <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"color.jsx <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"date.jsx <span style='color:#111;'> 1.73KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"babel.config.js <span style='color:#111;'> 334B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- Simulink七自由度整车模型
- 基于Qt5的音乐播放器
- cissp精华笔记
- Azure Kinect Examples for Unity 1.9.1.unitypackage
- 微机原理 8086 十字路口交通灯控制 proteus仿真
- 惯性导航仿真实现源代码
- 刘金琨著-RBF神经网络自适应控制-全书程序
- 纯HTML5拓扑图编辑器源代码
- 大商创小程序文件.zip
- 锋利的jQuery 第二版 完整版带书签目录
- fonts-chinese-3.02-12.el5.noarch.rpm和fonts-ISO8859-2-75dpi-1.0-17.1.noarch.rpm
- 装箱问题（动态）
- 在GPU上加速基于物种的蛋白质序列的Smith-Waterman对齐
- 对QQ的简单模仿源码
- PLC CPU的选型清单，整理的很仔细（硬件选型必备）
- 2019年线上咖啡行业趋势洞察.pdf
- 国家标准-自动轨道衡.xdf
- 58.深度解密五十八：百度地图营销的整体操作全过程讲解.pdf
- 商城商品预售原型可以直接下载
- VS2008 MFC简易计算器
- BH1417锁相环调频立体声发射机
- Openjdk9源码
- 安卓 网络请求抓包软件 免root
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明