原生html下载,弹出弹窗

先看样式图
在这里插入图片描述
具体代码:

html代码
<div class="create-topic-top-down text-a" @click="tableToExcel(datas,'生成的选题')">下载</div>
datas是你要下载的数组
 // 下载
    tableToExcel (data, parttitle) {

      //要导出的json数据,数组格式
      var jsonData = []; let str = '';

      data.forEach(function (item) {
        jsonData.push({
          "name": item.title,
        })
      })
      //jsonData = data;
      str = `选题名称\n`;

      //列标题,逗号隔开,每一个逗号就是隔开一个单元格

      //增加\t为了不让表格显示科学计数法或者其他格式
      for (let i = 0; i < jsonData.length; i++) {
        for (let item in jsonData[i]) {
          str += `${jsonData[i][item] + '\t'},`;
        }
        str += '\n';
      }
      //encodeURIComponent解决中文乱码

      let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
      //通过创建a标签实现
      var link = document.createElement("a");
      link.href = uri;
      //对下载的文件命名

      link.download = "" + parttitle + ".csv";

      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值