<el-upload ref="upload" :headers="getHeaders" :action="queryUrl" :on-preview="handlePreview" :on-change="upLoad" :on-success="handleExceed" :file-list="fileList" :auto-upload="false"> <el-button type="primary" @click="changePic()">更 换</el-button> </el-upload>
import {FILE_URL} from 'xx.js'
// data()在这边,注意接口路径要写在data()中; 消息头要设置一下
queryUrl: FILE_URL, fileList: [], getHeaders: { 'Accept': 'application/json', 'Authorization': Cookies.get('token') }
upLoad (file, fileList) { this.$refs.upload.submit() }, handlePreview (file) { }, handleExceed (val) { // 这里val是调用上传接口地址FILE_URL返回的数据(图片路径可以在这边返回),拿到图片路径可以在和想要加的参数一起调用新的接口 }