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}]
评论信息
其他资源
- CheckPoint防火墙实施指南V2.0(R75.40)
- 跳频扩频通信系统simulink仿真
- FPGA rom数据读取 + 串口发送
- 【最全】全国各省市地区经纬度数据（Json格式）
- OFDM系统简化的lmmse信道估计算法
- 第五版数值分析实验答案
- quartus Ⅱ IP核破解文件
- Visualizing and Understanding Convolutional Networks 译文（“看懂”卷积神经网络）
- Qt5--登录后进入主窗口
- cakephp 中文文档
- 不错的jQuery在线即时聊天插件
- Turbo码的编解码的Matlab及VC 源代码
- echarts 湖南省地图。js文件版
- 基于虚拟积分激励的内容部署方法
- sql的学生信息管理系统
- 软件测试框架大纲.mm
- 软件设计模式—结构型模式讲义
- 双轴励磁发电机励磁方式对运行稳定性的影响_姜维
- vs2010对C++智能提示插件
- NurbsSurf.rar
- glew.h文件下载
- 简单的商品管理系统.net
- UltraEdit 14.20注册机
- 永讯K-100对讲机原理图-sch格式的protel99se
- DA14580 蓝牙鼠标设计文件含原理图PCB
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明