# 全局的组件如何使用
~~~
<wl-company-manager
:isSuccess="false"
@successResult="successAction"
getUrl="/api/as/dangan/record/getById"
ref="wlCompanyManager"
>
<template v-slot="{row}">
<FormItem label="全宗号:">
<Input v-model="row.record_number" style="width: 70%" placeholder="必填"></Input>
</FormItem>
<FormItem label="企业编码:">
<Input v-model="row.office_code" style="width: 70%" placeholder="必填"></Input>
</FormItem>
</template>
</wl-company-manager>
~~~
~~~
<script>
import { saveOfficeOther } from '@/api/demo'
export default {
methods: {
successAction (formItem) {
saveOfficeOther(formItem).then(ret => {
if (ret.data.errcode === 0) {
this.$refs.wlCompanyManager.successAction()
} else {
this.$Message.error('请检查网络')
}
})
}
}
}
</script>
~~~
### hdLogin props
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| isSuccess | 菜单保存后执行成功的操作,默认跳转列表页面 | Boolean | true |
| getUrl | 在自己项目里面写获取机构信息的xml接口 | String | |
### default slot
| 名称 | 说明 |
| --- | --- |
| default | 添加表单组件默认会在机构名称下显示 |
### Table methods
[#](https://www.iviewui.com/components/table#Table_methods)
| 方法名 | 说明 | 参数 |
| --- | --- | --- |
| successAction | 执行刷新列表页面的功能|
#### 使用说明:
~~~
this.$refs.wlCompanyManager.successAction()
~~~
#### 备注说明
> 如果使用本地图片作为背景的图,可以采用下面的引入图片方法、
- vue学习方向
- iview-admin项目说明
- 快速开始
- 开发工具
- 开始开发
- 接口的定义和调用
- 常用函数汇总
- 组件的定义
- iview开发规范说明
- 插件使用说明
- 时间插件
- 命名规范
- vue变量函数规则
- 接口嵌套使用说明
- 组件建立说明
- vue使用规范
- 数据检测特别说名
- iview-layout-themes
- util
- common
- xeUtils详细说明
- form表单自动生成
- theme1使用说明
- theme2使用说明
- hd-login登录组件说明
- wl-upload-files图片上传组件
- wl-upload-imgs
- wl-upload-oss-files
- wl-read-excel
- wl-dir-upload选择文件架
- system组件说明
- 机构管理wl-company-manager
- 用户管理
- wl-excel-import Excel数据导入
- 前台使用说明
- 后台使用说明
- Excel使用说明
- wl-vue2-editor
- 字符串截取方法
- redis常用说明
- 推荐redis使用规范