elementUI上传图片，获取后端的返回值

在elementUI官网的<el-upload>的方法的实例中，是没有介绍如何获取后端传来的返回值的

其实方法很简单，就是在<el-upload>标签里，加入:on-success属性

:on-success="对应的函数名称"
（注意，这里的函数名结尾不要跟括号，不然的话是没有效果的）

我们来看一下完整的代码：

<el-upload action="图片上传的接口地址" :on-success="handle_success">
	<!-- 再次提醒，:on-success="函数名"，函数名后面不要跟括号 -->
	<el-button size="small" type="primary">点击上传</el-button>
	<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

export default {
	methods: {
		handle_success(res) {
			console.log(res)
			this.$message.success('图片上传成功')
		}
	}
}

网页截图

控制台截图

这样一来，我们就能用elementUI的<el-upload>方法获取到后端传来的返回值了

希望我的分享能帮助到你OVO