# 全局的組件如何使用
```
<wl-vue2-editor
v-model="content"
uploadType="hadoop"
uploadUrl="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles">
</wl-vue2-editor>
```
### wlUploadFiles props
| 屬性 | 說明 | 類型 | 默認值 |
| --- | --- | --- | --- |
| rootDir | 上傳文件的路徑 | String | "editor"|
| fileName | 上傳文件的名字 | String | rand,md5(base64之后md5命名),origin(和文件名一至) |
| uploadUrl| 上傳的地址>=0.3.5 | String| http://house.wanglanglang.com |
| getSignUrl| hadoop的獲取簽名地址 | String|/api/ac/dangan/getHadoopService/getSign |
| uploadType| 上傳的方式 | String| 默認:oss,有:oss,php,hadoop |
### Upload methods
| 方法名 | 說明 | 參數 |
| --- | --- | --- |
| clear | 清空已上傳的文件列表(清空的時候也需要把默認顯示的內容清空)>=0.3.6 | 無 |
> 增加v-model 雙向綁定,直接返回上傳的字符串,如果是多個圖片或者文件用“,“分隔開
> 如果用hadoop上傳方式必須傳遞uploadUrl 上傳的地址,上傳的參數必須是
```
{
"filePath":"aaaa",
"fileName":"紅海灘景區智慧旅游20150423(云瑞).docx",
"file":"/9j/4S/....
}
```
> 返回的數據格式必須是如下:
```
{errcode: "0",data:'....png',errmsg:'success'}
```
- 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使用規范