js打印图片预览不出来

js打印图片预览不出来,第1张

打印图片预览不出来

可以参考下面方法解决:

1、首先在电脑文件夹中,找到图片。

2、然后右键点击图片,出现右键菜单,在右键的菜单中余答选择打空做印的按钮。

3、然后进入到打印预览的页面,却看不到图片的预览。

4、然后在文件夹页面,点击工具页面。

5、点击工具按钮后,进入查看的页面。

6、在查看页面,选择取消始终显示图片,不显示图片预览。

7、斗毁衡取消勾选后,再点击打印图片可以预览打印了。

引入print插件

1、在根塌如行目录下面新建一个plugins文件夹,下面新建一个print.js文件(print.js代码会放到团哗文章最后)

(也可以直接npm安装插件npm install print-js --save,但直接安装的插件配置会有问题,不建议)

2、 在main.js引入插件

二、基本使用

可以通过对div绑定ref属性,通过this.$print(this.$refs['xxxx'])直接打印这块内容

注意:这里打印区域的样式需要写成行内样式,橡丛不然打印预览不生效

另外一种办法就是通过@media print{}在这里面写样式

三、如何根据功能区、动态调整打印样式

思路

给打印区域,绑定动态style,里面的宽、高、内边距、外边距啥的可以绑定动态表单值


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12230128.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存