关于前端:文件下载前端实现文件下载3种简单方式

上面是vue的代码然而其余的都差不多

<script>
export default{
  methods:{
    win_open(){
      window.open('result.csv','_self');
    },
    hidden_a_download(){
      //这种写起来很古典，全是DOM操作
    let link = document.createElement('a');
     link.style.display = 'none';
     link.href = 'result.csv';
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);

    }

  }
}
</script>
<template>
<button @click="win_open()">windows open download</button>
<a href="result.csv"><button>a href download</button></a>
<button @click="hidden_a_download()">hidden a href download</button>

</template>