天天看點

elementUi上傳多檔案el-upload帶上token頭

<template>
  <div>
	<el-upload
		ref="addMeetingMaterial" //可以在方法中this.$refs.addMeetingMaterial.submit();
		class="upload-demo" //樣式
		action="http://localhost:8080/files" //請求的背景API
		:on-preview="handlePreview" //點選檔案預方法
		:on-remove="handleRemove" //删除檔案方法
		:before-remove="beforeRemove" //删除之前
		multiple //多檔案上傳模式
		:auto-upload="false" //取消自動上傳
		:headers="token" //攜帶自己的token頭
		:limit="20" //限制上傳檔案數量
		:on-exceed="handleExceed" //超過數量後調用該方法
		:file-list="fileList" //上傳成功後資料綁定到fileList
		>
		<el-button size="small" type="primary" @click="commit">上傳會議資料檔案</el-button>
	</el-upload>
  </div>
</template>
<script>
export default {
  data() {
    return {

    };
  },
  methods: {

  },
  components: {
      
  }
};
</script>

<style>
</style>


           

連腳褲