表单引擎

用于后台表单的快速生成,本项目为表单引擎的基本包，其他有依赖的富组件请根据业务采用扩展方式实现

功能

1. 支持基本表单控件：输入框、文本框、多选、单选、下拉、布尔、静态html
2. 支持表单扩展： 通过继承扩展更多字段和功能
3. 支持自定义页眉和页脚
4. 支持样式自定义
5. 支持获取单个字段
6. 支持事件绑定
7. 支持嵌套字段
8. 支持校验和自定义校验规则
9. 支持多列布局

使用方法

调用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.