zkt-form2

2.25.2 • Public • Published

表单引擎

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

功能

  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.

Readme

Keywords

none

Package Sidebar

Install

npm i zkt-form2

Weekly Downloads

1

Version

2.25.2

License

MIT

Unpacked Size

547 kB

Total Files

13

Last publish

Collaborators

  • renyufei