Vue 表单生成器(Form Generator)made with Vuejs
简介及使用教程Vue 表单生成器(Form Generator)是一个基于Schema的表单生成器组件,可以基于Schema构建反应式表单。Vue 表单生成器(Form Generator)提供21种字段类型,、也可以使用自定义字段进行扩展。生成的模板对Bootstrap友好,并且可以轻松自定义样式。安装Npmnpm i vue-form-generatorYarnyarn add vue-for
·
简介及使用教程
Vue 表单生成器(Form Generator)是一个基于Schema的表单生成器组件,可以基于Schema构建反应式表单。
Vue 表单生成器(Form Generator)提供21种字段类型,、也可以使用自定义字段进行扩展。生成的模板对Bootstrap友好,并且可以轻松自定义样式。
安装
Npm
npm i vue-form-generator
Yarn
yarn add vue-form-generator
使用
全局引入
import VueFormGenerator from "vue-form-generator";
import "vue-form-generator/dist/vfg.css"; // optional full css additions
Vue.use(VueFormGenerator)
组件中引入
import VueFormGenerator from "vue-form-generator";
//component javascript
export default {
components: {
"vue-form-generator": VueFormGenerator.component
}
};
组件中使用
<vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>
demo地址:form-generatorhttps://mrhj.gitee.io/form-generator/#/
更多推荐
已为社区贡献1条内容
所有评论(0)