perf[uploadExcel]: add beforeUpload hock
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<upload-excel-component @success='handleSuccess'></upload-excel-component>
|
||||
<upload-excel-component :on-success='handleSuccess' :before-upload="beforeUpload"></upload-excel-component>
|
||||
<el-table :data="tableData" border highlight-current-row style="width: 100%;margin-top:20px;">
|
||||
<el-table-column v-for='item of tableHeader' :prop="item" :label="item" :key='item'>
|
||||
</el-table-column>
|
||||
@@ -21,6 +21,18 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
beforeUpload(file) {
|
||||
const isLt2M = file.size / 1024 / 1024 < 1
|
||||
|
||||
if (isLt2M) {
|
||||
return true
|
||||
}
|
||||
this.$message({
|
||||
message: 'Please do not upload files larger than 2m in size.',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
},
|
||||
handleSuccess({ results, header }) {
|
||||
this.tableData = results
|
||||
this.tableHeader = header
|
||||
|
Reference in New Issue
Block a user