目录

1.导入需要的包

2.引入

3.点击事件实现导出

1.导入需要的包

html-docx-js和file-saver

npm i html-docx-js -S
npm i file-saver -S

2.引入

import htmlDocx from 'html-docx-js/dist/html-docx';
import saveAs from 'file-saver';

3.点击事件实现导出

download(rec){
    let htmlStr = rec.content;
    let page = `<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body>${htmlStr}        
        </body></html>`
    // console.log(page);return
    saveAs(
        htmlDocx.asBlob(page, {
            orientation: "landscape"//跨域设置
        }),
        //文件名
        rec.name+".doc"
    )
}