vue+element 上传excel文件以及模板下载

工作的要求就是 提供模板 然后下载模板 里面录入的数据 可以上传excel文件来 渲染列表


## 首先是下载模板

 
   模板下载
   
   通过a链接  (可以把需要的模板放到静态文件里 然后通过href引入)
    
    在methods中写下载的模板 通过dispatchEvent('click')
     downloadTemplate() {
      this.$refs.downloadTemplate.dispatchEvent(new MouseEvent('click'))
    }

vue+element 上传excel文件以及模板下载_第1张图片
vue+element 上传excel文件以及模板下载_第2张图片

模板下载完成后 我们来看上传excel文件

这里是用element 框架来实现的

这是我的页面 点击新增出现这个模板
 
             这里是input框 是放上传文件的名字的
            
              导入 点击导入进行选择文件
            
          

vue+element 上传excel文件以及模板下载_第3张图片
我们这里判断一下他的 格式是不是excel文件
vue+element 上传excel文件以及模板下载_第4张图片
点击确认 确认上传
vue+element 上传excel文件以及模板下载_第5张图片

你可能感兴趣的:(vue.js,前端,elementui)