perf[uploadExcel]: add beforeUpload hock

This commit is contained in:
Pan
2018-06-20 13:29:57 +08:00
parent 9cf00fd63a
commit cbc3ddd827
2 changed files with 37 additions and 11 deletions

View File

@@ -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