下载的点击事件在ie不生效

Question

下载的点击事件在ie不生效

话不多说直接上代码.

<button class="exportClass" @click="department_exportFigure">导出统计图</button>

department_exportFigure(){//导出
    // let mycanvas = $("#AppealToStatisticsA").find("canvas");//不兼容ie
    let my_canvas = $("#AppealToStatisticsA");
    let mycanvas = my_canvas[0].firstChild.childNodes[0];
    let mageA = mycanvas.toDataURL("image/png");
    let $a = document.createElement('a');
    $a.setAttribute("href",mageA);
    $a.click();   //到这一步的时候ie没跟其他游览器一样下载而是好像重新加载了一下页面但是又没发ajax请求
},

小楞青一枚 , 还请各位大佬多多指教

Answer 1

a标签是一个锚点，点击a标签浏览器会默认跳转至href的页面，所以页面总是会刷新一下。你在点击a标签时禁止浏览器默认事件就ok...preventDefault

Answer 2

使用downloadjs库吧，不同浏览器的兼容都考虑到了
http://danml.com/download.html