vue-easy-form（当前版本:1.8.x）

# 项组件/component

字段：component
值类型有：

  • string： 全局组件名
  • object： 一个对象，见组件格式

# 实例

# 组件详解

属性名 说明 类型 可选值 默认值
align 文本的方向 string left、center、right --
flex component的长度控制 string ""：component的长度根据自身情况自动取值

full： 项中有多少点多少。此值一般用于component

self： label的文本占多宽就多宽。此值一般用于label		 --
ref vue组件的ref string -- --
其它 跟组件格式一样 -- -- --

# value值

  • 通常在编写项（如：advName）时，component直接写成组件名，所以value写在外面（跟component同级）也是可以的
  • 写在外面的value只有在项组件中有效，且优先级高于component.value

注意

由于项组件隐藏是没有任何的意义，所以component.hidden这个属性设置是不存在的；这个跟其它可组件化的属性（如：项标签label、描述desc、帮助help、单元unit、标题title）不同。

# actions组件事件

字段：component.actions；配置格式见组件写法->组件事件

函数handler返回的参数options包含的信息有：

  • value： 当前项组件的值，表单的值可以通过this取出
  • args1.6.2： 事件本身所携带的信息(就是函数的局部变量arguments)；如keyup.native,可以从这里提取键值；
  • event： 事件本身所携带的第一个信息, 也就是args[0]
  • target： 当前项组件(若是数组事件，这个为null)
  • pathKey： 需要检查的组件的路径
  • idxChain： 需要检查的组件所要数组所组成的id 如: 1,2
  • index：组件处于数组的子节点(非孙子)时的索引，其余的返回-1
  • instance1.7.8：表单实例（当handler为箭头函数，若需要可用instance取出表单实例使用）

注：数组事件是没有target信息的

← 项标签/label →