Vue纯前端导出word直通车

1. 获取ECharts图的dom

let dom = document.querySelector(".outline .main .content");

2. 获取base64图片数据

页面中所有的echarts图的标签id均为 columnChart开头

dom.children.forEach(item => {
    if (item.id && item.id.indexOf("columnChart") > -1) {
        let columnChart = this.$echarts.init(item);
        let baseUrl = columnChart.getDataURL({
            pixelRatio: 2
        });
        str += `<div align="center" style="text-align:center;width:100%"><img src="${baseUrl}" width="623" height="300" /></div>`;
    } else {
        str += item.outerHTML;
    }
})