Vue 实现excel导入功能

阿原小

已于 2022-06-01 14:41:51 修改

阅读量164

点赞数

文章标签： vue.js elementui javascript

于 2022-06-01 14:31:47 首次发布

本文链接：https://blog.csdn.net/sun_pingpuan/article/details/125082909

版权

     <el-upload class="upload-demo" :http-request="fileUpload"  :auto-upload="true" 
     action='' :accept="accept" :show-file-list="false">
      <el-button type="button" @click="ImportModel">导入</el-button>
     </el-upload>



    export default {
           data() {
        return {
       accept:['.xlsx','.xls'],
      } 

    }


     methods: {
        //导入
        fileUpload(file){
        console.log(file)
           if (!file) return;
           const formdata =new FormData()
           formdata.append('file',file.file)
               api.importJurisdictions(formdata, (response) => {
                    if(response.data.statusCode !== 0){
                         this.$message({ showClose: true, message: 
                        response.data.statusMessage, type: 'error' });
                    }
                    if (response.status !== 200) {
                        return;
                    }
                    this.btnClickQuery();
                });
         },
}