el-upload 的 this.$refs.upload.submit() 返回值怎么获取
时间: 2023-11-23 13:24:12 浏览: 97
el-upload 组件的 this.$refs.upload.submit() 方法并不会返回任何值。它主要用于手动触发上传动作。如果需要获取上传结果,可以监听 el-upload 组件的 success 或者 error 事件,在事件回调函数中获取上传结果。例如:
```html
<el-upload
ref="upload"
:action="uploadUrl"
:on-success="handleSuccess"
:on-error="handleError"
>
```
```javascript
methods: {
handleSuccess(response, file, fileList) {
console.log('上传成功', response)
// 在这里获取上传成功的结果
},
handleError(error, file, fileList) {
console.log('上传失败', error)
// 在这里获取上传失败的结果
},
submitUpload() {
this.$refs.upload.submit()
}
}
```
相关问题
el-upload this.$refs怎么获取uploadFiles
您可以使用`this.$refs`来访问Vue组件的引用。通过`this.$refs.uploadFiles`,您可以获取到名为`uploadFiles`的组件,并进一步访问它的属性或方法。
假设`uploadFiles`是一个el-upload组件,您可以通过以下方式获取上传的文件列表:
```javascript
let files = this.$refs.uploadFiles.uploadFiles;
```
在上述代码中,`uploadFiles`是你在模板中给el-upload组件设置的ref属性。通过`this.$refs.uploadFiles`获取到el-upload组件的引用,并进一步访问它的`uploadFiles`属性,从而获取到上传的文件列表。
请注意,具体的属性命名可能会根据您的代码实现而有所不同,上述示例只是一种常见的命名约定。
el-dialog this.$refs
在 Vue.js 中,el-dialog 是一个常用的组件,用于创建对话框。this.$refs 是 Vue 实例中的一个属性,可以用于访问组件的引用。因此,可以通过 this.$refs.dialog 来访问 el-dialog 组件的引用,从而可以操作对话框的相关属性和方法。例如,可以通过 this.$refs.dialog.open() 来打开对话框,或者通过 this.$refs.dialog.close() 来关闭对话框。当然,具体的使用方式还要根据你的代码环境和需求来确定。