vue-ele-upload-image的使用方法

vue-ele-upload-image的使用方法如下：

1. 安装vue-ele-upload-image组件

你可以使用npm或者yarn来安装vue-ele-upload-image组件，具体命令如下：

npm install vue-ele-upload-image --save

或者

yarn add vue-ele-upload-image

2. 引入vue-ele-upload-image组件

你可以在需要使用vue-ele-upload-image组件的地方引入该组件，具体代码如下：

import Vue from 'vue'
import EleUploadImage from 'vue-ele-upload-image'

Vue.use(EleUploadImage)

3. 在模板中使用vue-ele-upload-image组件

你可以在模板中使用vue-ele-upload-image组件，具体代码如下：

<ele-upload-image
  :action="uploadUrl"
  :headers="uploadHeaders"
  :multiple="true"
  :limit="5"
  :size="1024 * 1024 * 2"
  :format="['jpg', 'jpeg', 'png']"
  :data="uploadData"
  :before-upload="beforeUpload"
  :on-success="onSuccess"
  :on-error="onError"
  :on-remove="onRemove"
>
  <el-button type="primary">点击上传</el-button>
</ele-upload-image>

其中，各个参数的含义如下：

- `action`：上传图片的地址。
- `headers`：上传图片时需要携带的请求头。
- `multiple`：是否支持多选图片，默认为false。
- `limit`：上传图片的最大数量，默认为1。
- `size`：上传图片的最大大小，默认为2MB。
- `format`：上传图片的格式限制，默认为['jpg', 'jpeg', 'png']。
- `data`：上传图片时需要携带的额外数据。
- `before-upload`：上传图片前的回调函数。
- `on-success`：上传图片成功的回调函数。
- `on-error`：上传图片失败的回调函数。
- `on-remove`：删除图片的回调函数。

以上就是vue-ele-upload-image组件的使用方法，希望能对你有所帮助。