前提条件:vue3工程,使用的导出word插件是html-docx-js-typescript和file-saver
1、导出的表格中的图片,如果是小尺寸的图片,则导出到页面上样式正常,如果是大尺寸的图片,则图片会放大到原始尺寸,撑到整个表格处于变形的状态。
解决:必须使用img标签的自带自带属性width和height来设定图片的宽高,如果是用class或者行内样式style,都不起作用
2、导出的多选框,如果是使用原生的input设置type为checkbox的话,导出在表格中的多选框总是比文字高十几px,且在表格内的td标签中的内容,设置任何样式都不生效。
用span设置空标签设置宽高伪装成正方形,不生效
解决:用输入法打出正方形的图形放到html中,且设置它的font-size为14px。。这个方法终于解决了这个问题