@eosine/form v0.1.36
@eosine/form
安装
npm install @eosine/form --save
使用
- 全局引入
import EosForm from "@eosine/form";
Vue.use(EosForm, {
getData: "<Function>",
getConfig: "<Function>",
getDict: "<Function>",
uploadUrl: "<String>",
uploadHeaders: "<Object>",
});
- 按需引入
import { EosForm, SetGlobalConfig } from "@eosine/form";
// 设置全局配置
SetGlobalConfig({
getData: "<Function>",
getConfig: "<Function>",
getDict: "<Function>",
uploadUrl: "<String>",
uploadUrlPrefix: "<String>",
uploadHeaders: "<Object>",
uploadData: "<Object>",
Plugin:{
Amap:"{Type:"",Key:"",Code:""}",
}
});
Form GlobalConfig 全局配置
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
getData | 统一数据请求 | Function | - |
getConfig | 统一配置请求 | Function | - |
getDict | 统一字典请求 | Function | - |
uploadUrl | 统一上传地址 | String | - |
uploadUrlPrefix | 统一上传地址前缀 | String | /eos-api |
uploadHeaders | 统一上传请求头 | Object | - |
uploadData | 统一上传附加参数 | Object | - |
Plugin | 插件 | Object | - |
Plugin.Amap | 高德地图 | Object | - |
Form Attributes 组件属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
v-model | 绑定值 | Object | - |
config | 配置 | Array | - |
detail | 详情模式 | Boolean | false |
labelWidth | 标签宽度 | Number, String | 100px |
ctrlWidth | 组件宽度 | Number, String | - |
labelPosition | 标签位置 | String | right |
size | 尺寸 | String | default |
inline | 是否行内表单 | Boolean | false |
Form Events 组件事件
事件名 | 说明 | 回调参数 |
---|---|---|
select | 选择器时触发 | Object |
enter | 回车键时触发 | Function |
labelClick | 标签点击时触发 | Object |
desEyeClick | 获取脱敏信息触发 | Object |
Form Ref Exposes 组件 Ref 暴露的方法
方法名 | 说明 | 类型 |
---|---|---|
rules | 验证规则 | Object |
validate | 校验表单 返回 Promise | Function |
resetFields | 重置表单 | - |
update | 更新表单 | Function |
group | 分组对象 | Object |
group.data | 分组数据 | Array |
group.targetShow | 分组显示状态切换 | Function |
Form Slots 组件插槽
组件名 | 插槽名 | 说明 |
---|---|---|
slot | <字段名> | ! 本地配置独享 |
subTable | SubTable | 子表插槽 |
TransferTree | TransferTree | 穿梭树插槽 |
ExSteps | ExSteps | 运输规则节点 |
ExWarning | ExWarning | 预警标题 |
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago