vue导入excel

1.部署elementUI:

cd到当前项目 运行 npm i element-ui -S

安装好了element,然后在项目里面引用,打开src目录下的main.js:

import ElementUI from 'element-ui'

Vue.use(ElementUI)

2.代码实例:


                                            
                                            


                                        

beforeUpload: function(file) {
                //console.log(file)
                //将文件转化为formdata数据上传
                let fd = new FormData();
                fd.append('file', file);
                /*接口请求*/
                this.$http.post('../a/b/c', fd, {
                    header: {},
                    emulateJSON: true
                }).then((res) => {
                    //console.info(res);
                    if(res.body.code == "0") {
                        this.getData();
                    }else{
                        this.warnMessage = "导入失败";
                        this.colorMessage = "red"
                    }
                }).catch(err => {
                    this.warnMessage = "访问接口失败";
                    this.colorMessage = "red"
                })
                return false;
            },

 

你可能感兴趣的:(vue导入excel)