1、用的是vue.js vue-print.js2、打印的html,我是直接通过js来拼接的字符串,因为vue-print插件要求是object(DOM),就另外创建了一个div,然后将字符串给这个div,再获取这个div的html。 尝试过的方法:1、直接改table的宽度,发现默认情况下,table的最大宽度设置成1175px就可以正常打印,再大右边就会缺失。但是这样...
我用的是 vue-print-nb 暂时没有遇到你的问题。你可以配置一下 showModal 选项(这样调试也会方便很多),然后查看一下 printjs 拷贝出来的 #printTable 元素下是否有 .print_table 这个元素,如果没有的话是选不中的。 有用1 回复 12345: @路人丁0417 print-js 有个maxwidth宽度默认值是800 ,改为2000超出纸...
技术标签:vue.jsprint.js 首先网上已经有很多使用步骤,比如 https://www.jianshu.com/p/c5363ddf7d43 相关链接:pringt.js github地址 里面也有使用说明 主要记录以下使用时发现的问题: 1.样式问题 我使用的element组件,发现分栏布局 xs\md\lg没有效果。我想大概这种组件封装的样式使用都有点问题。从这思路去入...
2. 检查打印样式表:确保在打印样式表中没有覆盖或修改了表格的边框样式。有时,可能会在打印样式表中...
2. main.js中导入并使用Print插件 // 引入依赖importPrintfrom'vue-print-nb-jeecg'// 使用插件Vue....
解决方法是给图片设置了一个"height: 100vh;"让图片的高度等于视图高度,如果要分页打印的话就不能用这个配置。 consturl=图片base64printJS({printable:url,type:'image',documentTitle:'',header:null,base64:true,style:`@media print { @page {size: auto; margin: 0; } body{margin:0; padding: 0;...
1. 前端引入Vue-print依赖。2. 在main.js中导入Vue-print插件并使用。3. 在HTML中添加打印按钮,使用v-print指令,指定打印区域,例如打印表格。4. 定义一个用于打印的HTML区域。考虑到表格生成的页面不够美观,采用ant-design-vue的格栅系统处理页面布局。印章的样式需精细调整,包括弧度、文本居中偏移...
Vue项目利用连接针式打印机打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 复制 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统...
print.js源码: /** * 打印类 * @param {*} dom 打印节点(可以是对象也可以是字符串,会自动识别处理) * @param {*} options 打印参数,例如指定某些地方不打印 * @param {*} debug 打印调试。 * 说明: * debug参数的详细说明 * 因为很多打印都是局部打印,这样就导致页面代码局部取出后,在新的页面中样...