vue3 + element-plus render form-item easily. Latest version: 1.0.3, last published: 3 months ago. Start using el-form-render in your project by running `npm i el-form-render`. There is 1 other project in the npm registry using el-form-render.
npm i form-render --save 使用 最简使用 demo: import React from 'react'; import { Button } from 'antd'; import FormRender, { connectForm } from 'form-render'; const schema = { type: 'object', properties: { input1: { title: '简单输入框', type: 'string', required: true, }, ...
npm i form-render# oryarn add form-render 快速使用 importReact, { useState }from'react';importReactDOMfrom'react-dom';// 使用 Ant Design 体系importFormRenderfrom'form-render/lib/antd';// 使用 Fusion Design 体系// import "@alifd/next/dist/next.min.css";// import FormRender from "form-...
npm i form-render --save 最简demo import React from 'react'; import { Button } from 'antd'; import FormRender, { useForm } from 'form-render'; const schema = { type: 'object', properties: { input1: { title: '简单输入框', type: 'string', required: true, }, select1: { titl...
npm i fr-generator 同样也提供了可视化编辑器的 VSCode 插件版本 FormRender的功能基本能满足90%的表单，如果有特别需求的还是手动实现，也可以通过阿里的另一款formilyjs实现，不过formilyjs学习成本比较高。相关链接：项目官网：https://x-render.gitee.io/form-render Github项目地址：https://github.com/alibaba/x...
// 安装 npm i form-render -S 到codeSandbox 去实际体验编辑效果>>> import React from "react"; import ReactDOM from "react-dom"; // 使用 Ant Design 体系 import FormRender from "form-render/lib/antd"; // 使用 Fusion Design 体系 // import "@alifd/next/dist/next.min.css"; // import...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>单独渲染示例</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-v2.7.2/dist/css/layui.css"> </head> <body> <form class="la...
npm i form-render --save 最简demo 复制 import Reactfrom'react';import{Button}from'antd';import FormRender,{useForm}from'form-render';const schema={type:'object',properties:{input1:{title:'简单输入框',type:'string',required:true,},select1:{title:'单选',type:'string',enum:['a','b'...
npm i form-render#oryarn add form-render 快速使用 importReact,{useState}from'react';importReactDOMfrom'react-dom';// 使用 Ant Design 体系importFormRenderfrom'form-render/lib/antd';// 使用 Fusion Design 体系// import "@alifd/next/dist/next.min.css";// import FormRender from "form-render...
npm i form-render -S 快速使用 import React from "react"; import ReactDOM from "react-dom"; // 使用 Ant Design 体系 import FormRender from "form-render/lib/antd"; // 使用 Fusion Design 体系 // import "@alifd/next/dist/next.min.css"; ...