@aops/form-parser 组件使用

说明

• 该组件默认包含了 ElementUI 2.10.1 版本的表单组件
• 如果项目全局引入了 ElementUI, 那么请使用使用 @aops/form-parser/formParserExcludeElementUI

安装

npm i -S @aops/form-parser

引入

// 引入组件
import AopsFormParser from '@aops/form-parser';
// 引入组件样式
import "@aops/form-parser/formParser/index.css";

引入无ElementUI依赖组件

// 如果项目全局引入了 ElementUI, 请使用这个组件
import AopsFormParser from '@aops/form-parser/formParserExcludeElementUI';

使用

<AopsFormParser ref="parser" :formDef="formDef" :dynProps="dynProps"></AopsFormParser>

组件参数

• formDef 流程平台的全局表单模型字符串
• dynProps 流程平台的动态表单模型字符串或字段数组

组件方法

• validate 校验并获取表单数据

try {
  // 校验并获取表单数据
  const data = await this.$refs.parser.validate();
  console.log(data);
} catch (object) {
  // 未通过校验的字段
  console.log(object);
}