vue-print-nb 打印显示不全

BXS_null 2020-08-31 07:51:29

正常应该是这样

实际打印预览却是这样

...全文

7077 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_42066565 2020-09-01

打赏
举报

回复

正文content

晨易夕 2020-09-01

打赏
举报

回复

看下是否是滚动条导致的。打印其实也不用第三方库，vue的话介质iframe也可以。


        let html=this.$refs.printer.$el.innerHTML;      
        const document = window.document;
        const iframe = window.frames[0];
        iframe.document.head.innerHTML = document.head.innerHTML;
        iframe.document.body.innerHTML = html;

        //   打印
        setTimeout(() => {
            iframe.window.print();
        }, 200);

baiy20151018b 2022-02-17

举报

回复

@晨易夕 https://baijiahao.baidu.com/builder/preview/s?id=1724974759824327596

gx_up 2020-09-01

打赏
举报

回复

vue-print-nb 兼容低版本浏览器 import Print from '@/lib/vue-print-nb/print.umd.min' Vue.use(Print)

vue-print-nb这是一个用于打印的指令包装器，简单，快速，方便，轻便。vue-print-nb安装Vue2 版本Vue3 版本描述使用方法打印整个页面打印本地范围打印本地范围更多打印网址打印预览打印网址预览打印局部范围预览打印异步 URLv-print API安装在线DEMO在线演示Vue2 版本npm install vue-print-nb --saveimport Print from 'vue-print-nb'// Global instruction Vue.use(Print);//or// Local instructionimport print from 'vue-print-nb'directives: { print }Vue3 版本npm install vue3-print-nb --save// Global instruction import { createApp } from 'vue'import App from './App.vue'im

vue-print-nb 这是用于包装，简单，快速，方便，轻便的指令包装纸。安装 Vue2版本： npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue . use ( Print ) ; //or // Local instruction import print from 'vue-print-nb' directives: { print } Vue3版本： npm install vue3-print-nb --save // Global instruction import { createApp } from 'vue' import App from './App.vue' import print from 'vue3-p

FAQ 插件提供了打印结束回调,结果没用!!! fork了一份自己改了下; 增加打印之前的回调和打印之后的回调 callback(): 打印之前的回调 endCallback(): 打印之后的回调 mode: 打印方向,默认竖向,1为横向,0横向 vue-print-nb This is a directive wrapper for printed, Simple, fast, convenient, light. Install NPM npm install vue-print-nb-z --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import print from 'vue-print-nb' directives:

vue-print 基于vue-print-nb打印组件的拓展功能,下载后放在项目中引用详情请看博客介绍 Install main.js文件引用 import Print from './xxxx/vue-print-nb/src' Vue.use(Print);

62,243

社区成员

668,998

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章