Vue 實現文件的下載

<Button type="primary" @click="exportMoudle"><Icon type="ios-download-outline"></Icon>下載模板</Button>
exportMoudle:function(){
    let link = document.createElement('a'); //創建a標籤
    link.style.display = 'none';  //將a標籤隱藏
    link.href = url;  //給a標籤添加下載鏈接
    link.setAttribute('download', fileName); // 要給a標籤添加一個download屬性,屬性值就是文件名稱 否則下載出來的文件是沒有屬性的
    document.body.appendChild(link);
    link.click(); //執行a標籤
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章