@aops/form-parser

1.0.2 • Public • Published

@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);
}

/@aops/form-parser/

    Package Sidebar

    Install

    npm i @aops/form-parser

    Weekly Downloads

    3

    Version

    1.0.2

    License

    ISC

    Unpacked Size

    1.85 MB

    Total Files

    7

    Last publish

    Collaborators

    • fengpeibin