VantUI版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
npm install icarys-vantVantUI版本低代码表单
FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
``bash`
npm install icarys-fc-vant
`javascript
import { createApp } from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
import formCreate from 'icarys-fc-vant'
// 注册Vant组件
const app = createApp(App)
app.use(Vant)
app.use(formCreate)
`
`vue
:rule="rule"
v-model:api="fApi"
v-model="formData"
/>
`
如果你不想使用插件方式注册,也可以直接导入组件使用:
`vue
:rule="rule"
v-model:api="fApi"
v-model="formData"
/>
`
`javascript
import formCreate from 'icarys-fc-vant'
const jsonString = '[{"type":"input","field":"name","title":"姓名"}]'
const rule = formCreate.parseJson(jsonString)
`
详细API文档请参考:http://www.form-create.com/v3/
- 本包不包含CSS样式,请手动引入Vant的样式文件
- 如需使用CSS样式,请在项目中引入:import 'vant/lib/index.css'`
- Vue 3.1.0+
- Vant 4.9+
MIT