首页 > 解决方案 > 下载关闭受保护视图的 Excel VueJS

问题描述

我在 Vue 中创建了一个 promise,它返回一些我正在创建 Excel 电子表格的数据。我打开了填充数据的电子表格,但是它在受保护的视图中打开它,有什么方法可以确保我在正常视图中打开它?

这是代码

从我的 vuex 商店...

    exportSearch: ({commit, state, rootGetters}) => {
     return new Promise(resolve, reject) => {
      Vue.http.post(`URI PLACEHOLDER`, {responseType: "blob")
    .then((response) => {
      resolve(response);
    })
    .catch(() => {
      reject();
    })
   })
  })

然后在我的导出按钮中

methods:{
 saveFile: function(){
 this.$store.dispatch('search/exportSearch')
 .then((response) => {
  let filename = (response.headers.get('Content-Disposition') || '').split('filename=')[1];
  if(filename !=== ''){
   filename = filename.replace(/['"]/g, '')
  }
  let link = document.createElement('a');
  link.href = window.URL.createObjectURL(response.data);
  link.download = filename
  document.body.appendChild(link)
  link.click();
  document.body.removeChild(link)
}

标签: javascriptvue.jsecmascript-6

解决方案


推荐阅读