Vue2使用el-upload做excel上传导入功能

Vue2使用el-upload做excel上传导入功能_第1张图片

1、安装插件

npm install xlsx
或
yarn add xlsx

2、页面引入使用


	点击上传
	
未选择任何文件
仅支持.xlsx, .xls类型文件

3、封装全局组件globalUpload.vue

在components文件夹下新建globalUpload.vue




4、全局注册:main.js文件引入注册

import globalUpload from './components/globalUpload.vue';
Vue.component('global-upload', globalUpload);

5、单页面使用:





你可能感兴趣的:(excel,vue.js,javascript)