2021-05-19

随笔记录

导出常用方法：

   // 导出
      exportStory({...params},{responseType: 'blob'}).then( response => {
        //设定下载格式，转换格式
        try {
          let reader = new FileReader()
          // 这里和ajax中的判断相对应，如果导出正常这里就会报错
          reader.readAsText(response, 'utf-8')
          reader.onload = (e) => {
            const response = JSON.parse(reader.result)
            // this.message("导出失败")
          }
        } catch (e) {
          let filename = response.headers['content-disposition'].split('fileName=')[1]
          // console.log('filename',filename);
          filename = decodeURI(decodeURI(filename))
          download(response.data, filename, 'text/plain')
        }
      }).catch(err => {
        this.exportLoading = false
        // this.message('导出失败')
      // })
      })

form表单实现下载

//实现步骤：
//1.给下载元素添加点击事件
//2.创建form标签
//3.通过input的type="hidden"来传递后台需要的参数
//4.借助form的submit方法提交数据到后台实现下载功能

      const form = $("<form>");
      form.attr({
        style: "",
        target: "",
        method: "get",
        action: " ",
        //接口地址
      });
      form.append(
          $(`<input name='categoryId' value='${this.deriveParams.id}' type='hidden'/>`)
        );
        form.append(
          $(`<input name='enabled' value='${this.deriveParams.enabled}' type='hidden'/>`)
        );
        form.append(
        $(  `<input name='token' value=${sessionStorage["dashboard-token"]} type='hidden'/>` )
      );
      const language = localStorage.getItem("lang")?.substring(0, 2) || '';
      form.append($(`<input name='language' value=${language} type='hidden'/>`));
      $("body").append(form);
      form.submit().remove();

windown.open 下载文件不打开新窗口
//open的第二个参数是 '_self' 即可
window.open(url,'_self');