fix[UploadExcel]: fixed bug when there were multiple components(#1136)

复用此组件时因为id不可重复的问题会导致onSuccess指向错误。
This commit is contained in:
zhaoguoweiLLHC 2018-09-27 13:24:37 +08:00 committed by 花裤衩
parent 98a8277a37
commit b82e8e860d

View file

@ -1,7 +1,7 @@
<template>
<div>
<input id="excel-upload-input" ref="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
<div id="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
<input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
<div class="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
Drop excel file here or
<el-button :loading="loading" style="margin-left:16px;" size="mini" type="primary" @click="handleUpload">Browse</el-button>
</div>
@ -56,7 +56,7 @@ export default {
e.dataTransfer.dropEffect = 'copy'
},
handleUpload() {
document.getElementById('excel-upload-input').click()
this.$refs['excel-upload-input'].click()
},
handleClick(e) {
const files = e.target.files
@ -126,11 +126,11 @@ export default {
</script>
<style scoped>
#excel-upload-input{
.excel-upload-input{
display: none;
z-index: -9999;
}
#drop{
.drop{
border: 2px dashed #bbb;
width: 600px;
height: 160px;