Vue使用PrintJs自定义打印表格模板


这俩天客户提了个需求,需要打印俩个自定义的表格模板,一开始想到的是打印Json表格,但是发现表格样式不符合要求,后来想着打印html,自己生成html模板然后打印,基本可以满足客户的需求,废话不多说,上图上代码

自己遍历生成table,如果自己写的html模板需要去除空格,可以通过http://www.txttool.com/wenben_delvbcrlf.asp网站在线去除换行或空格

 

 

 

 调用printJS方法,主要修改type:'raw-html',然后赋值模板字符串printtable:html1,targetStyles:[*]处理所有样式,我这里把俩个模板样式都写在了一起

 

 效果图:

 

 

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM