el-upload 的 ref="upload" 属性如何使用?
时间: 2023-12-25 18:06:40 浏览: 214
el-upload多文件一次性上传(携带json),自定义上传事件(手动上传),不使用action属性上传.pdf
5星 · 资源好评率100%
`ref="upload"` 是用来获取 `el-upload` 组件实例的一个引用。通过该引用,我们可以在代码中直接调用 `el-upload` 提供的一些方法。
具体使用步骤如下:
1. 在 `el-upload` 组件上添加 `ref` 属性,如下所示:
```
<el-upload ref="upload"></el-upload>
```
2. 在需要调用 `el-upload` 方法的组件内,通过 `$refs` 获取 `el-upload` 组件的实例,如下所示:
```
this.$refs.upload.xxx()
```
其中,`xxx()` 表示要调用的 `el-upload` 方法名。
例如,如果要调用 `submit()` 方法,代码如下:
```
this.$refs.upload.submit()
```
如果要调用 `abort()` 方法,代码如下:
```
this.$refs.upload.abort()
```
注意,如果要在获取 `el-upload` 实例之前调用其方法,需要在 `mounted()` 钩子函数中等待 `el-upload` 组件加载完成之后再调用。
阅读全文