vue-admin-template excel批量导入
时间: 2023-11-09 15:57:32 浏览: 89
vue-admin-template中提供了excel批量导入的功能。你可以使用Element UI提供的Upload组件来实现这个功能。首先,在你的组件中引入Upload组件,然后根据上传成功的回调函数获取到上传的文件,在后台处理该文件。具体步骤如下:
1. 在你的组件中引入Upload组件,示例代码如下:
```javascript
<template>
<div>
<el-upload
class="upload-demo"
drag
action="/upload"
:on-success="handleSuccess"
:limit="1"
:auto-upload="false">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传excel文件</div>
</el-upload>
</div>
</template>
<script>
export default {
methods: {
handleSuccess(response, file, fileList) {
// 在这里处理上传成功后的逻辑
}
}
}
</script>
```
2. 在handleSuccess方法中,你可以处理上传成功后的逻辑。通过response参数获取到后台处理后返回的数据。你可以根据需要进行数据处理或者展示。
阅读全文