Vue导出word附表部分横向显示(承接上一篇Vue纯前端导出word)

Vue纯前端导出word直通车

1. 引入js

import htmlDocx from "@/utils/html-docx";

2. page-break-before:always;mso-break-type:设置页面分页

导出之前设置附表样式 添加<br clear=all style='page-break-before:always;mso-break-type:section-break'>

if (item.nodeName == "H1" && item.innerText.indexOf("附表") == 2) {
          str += `<span style="mso-spacerun:'yes';font-family:'Times New Roman';font-size:10.5000pt;" ><br clear=all style='page-break-before:always;mso-break-type:section-break'></span>`;
}

3. orientation: "landscape"设置横屏

saveAs(
    htmlDocx.asBlob(htmlStr, { orientation: "landscape" }),
   "报告.doc"
);