在需要打印的vue页面里,写入以下样式: ...
在使用vue print nb中遇到两个问题: 第一个问题:点击打印后,打印的内容是一片空白 vue print nb的原理大概是在你的页面上创建一个iframe,然后把你要打印的那一个div抓出来给iframe。 如上图所示,最后把iframe添加到body中 当我们点击 打印 的时候,其实就是调用iframe的print 方法,这样浏览器就自动弹出iframe打印的窗口了 但问题是,当我点击 ...
2019-07-08 16:31 1 7137 推荐指数:
在需要打印的vue页面里,写入以下样式: ...
一、安装 二、注册 三、使用 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id ...
1.引入插件 npm install vue-print-nb --save 在main.js中引入 import Print from 'vue-print-nb' Vue.use(Print) 2.html代码 3.js代码 ...
VUE整合VUE-PRINT-NB实现前端打印功能 插件安装 插件安装时最好在package.json中同时加入依赖信息,便于项目上其他人员拉取。 简单实现 在需要打印的地方加上一个ID属性就好了,表格什么的操作都是这样,然后在按钮上通过v-print="'#ID'"来调用插件打印 ...
安装 main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print) 页面中使用 v-print='''#printMe'"直接打印 printObj:可以设置打印页眉 去掉页面页脚 ...
安装 main.js中全局引入 页面中使用 eg: 效果 更多参考 https://www.jianshu.com/p/5b2ffd6134cc ...
使用vue-print-nb打印,不同分辨率(1366一下或1600以上)时,el-table有些列没有打印出来(页面能够正常展示),查看官方api,通过设置打印样式也无法全部打印: 解决方法1:手撸一个el-table样式的表(没有分页): 样式代码 ...
当我们打印网页的时候。有时候会发现。打印出来的。跟网页上看到的样式的差别有点大。这其中可能有的问题是。样式问题。 当调用打印(window.print())方法时。打印机会在网页的样式中查找 @media print{}的样式,并适应到要打印的网页中。 所以 如果要打印的页面符合看到的页面效果 ...