iview实现选择性的导出数据到excel表中

最新推荐文章于 2022-11-26 17:31:09 发布

原创

最新推荐文章于 2022-11-26 17:31:09 发布 · 9.2k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍如何利用iview实现既能美观地导出Excel，又能根据用户需求选择性导出数据的功能。前端通过按钮触发后端接口，后端在B层处理选择性导出，提供了一种高效的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【前言】

系统的开发，大部分都有数据导出到excel表里面的操作，毕竟系统里面的数据需要保存起来的，但是有时候用户需要保存的字段做到有选择的，所以我今天给大家分享一个既可以漂亮的导出excel表，又可以实现有选择的导出数据的方法。

【前端】

1.添加导出的按钮，通过按钮来找到导出调后端的方法：

 <Button type="primary" size="large"   @click="exportData(1)">导出</Button>

//导出查出来的绑定信息//下面的data7为需要导出的数据。
     exportData (type) {
              if (type === 1) {
                  
                   var vm =this;
                  axios.post(vm.apiUrl+"/ExportToExcel",vm.data7)
                  .then(function(response){
                  alert(response.data);
                  window.open("服务器的地址+自己文件的名称"); 
                  vm.model1=false;
              })
                  .catch(function(error){
                  alert(error)
              })
                }
              
     },

【后端】

控制器，调B层的接口