表单引擎
用于后台表单的快速生成,本项目为表单引擎的基本包,其他有依赖的富组件请根据业务采用扩展方式实现
功能
- 支持基本表单控件:输入框、文本框、多选、单选、下拉、布尔、静态html
- 支持表单扩展: 通过继承扩展更多字段和功能
- 支持自定义页眉和页脚
- 支持样式自定义
- 支持获取单个字段
- 支持事件绑定
- 支持嵌套字段
- 支持校验和自定义校验规则
- 支持多列布局
使用方法
调用form
<Form v-model="model" :fields="fields" :validation="validation" ref="form" @submit="onSubmit" />
获取单个字段
var form = this.$refs.form
var name = 'fieldName' // model fields validation中的name一一对应
var field = form.getField(name)
绑定事件
field1.$on('change', () => {
field2.value = 'other value'
})
扩展表单
import Form from './Form.vue'
import FormOtherField from './OtherField.vue'
export default {
extends: Form,
components: {
FormOtherField
}
}
// 在fields中
{
name: 'otherfield',
tagName: 'OtherField'
}
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
For detailed explanation on how things work, consult the docs for vue-loader.