@bingoit/form

表单前端通用的方法

Usage no npm install needed!

<script type="module">
  import bingoitForm from 'https://cdn.skypack.dev/@bingoit/form';
</script>

README

form

定义了一些表单相关的通用方法及vue.js的mixins;

安装方法

npm install @bingoit/form --save

使用方法

按需引入:

import {getFormInfo, exeExpression} from '@bingoit/form'

方法调用: getFormInfo(type, args)exeExpression(exprArray)


全部引入:

import * as formUtils from '@bingoit/form'

方法调用:formUtils.getFormInfo(type, args)

包含的方法有:

  • getFormInfo 获取表单信息的方法
  • submitForm 提交表单的方法
  • formWidgetHiddenCommonMixin 表单隐藏组件通用mixin
  • formWidgetCommon 表单组件通用mixin
  • formWidgetUploader 表单上传组件通用mixin
  • cascadeFieldMixin 表单级联字段的通用mixin
  • setFrontType 设置前端类型的方法(mobile--移动端;pc--PC端)

...

实现组件支持重写的方法有:

方法名 说明 参数 返回值
handleChange 值改变时处理的方法 修改后的值 -
handleBlur 失去焦点时处理的方法 当前值 -
handleFocus 获取焦点时处理的方法 当前值 -
getValidateTriggerType 获取自动验证的触发类型 type(组件类型) 返回触发类型(如:blur,focus,change等)
resetValidateEvent 重新处理验证事件 - -
clearValidate 清空验证信息 - -