关于elementUI upload组件上传图片时携带token的方法

关于elementUI upload组件上传图片时携带token的方法

利用Upload组件中有一个header属性
直接上代码
html：

<el-form-item label="头像" :label-width="formLabelWidth" prop="avatar">
	<el-upload v-if="dialogStatus == 'create'" ref="upload"
		class="upload-demo" :limit="1"
		action="........"
		:headers="headers"
		:on-preview="handlePreview"
		:on-remove="handleRemove"
		:on-change="handChange"
		:on-success="handSuccess"
		list-type="picture">
		<el-button size="small" type="primary">点击上传</el-button>
		<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
	</el-upload>
</el-form-item>

js:
我是直接使用computed来监听headers

computed: {
	headers() {
		return{
			"Authorization": this.token // 直接从本地获取token就行
		}
	}
},

这样就可以了！