一、安装 二、注册 三、使用 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id ...
.引入插件npm install vue print nb save 在main.js中引入 import Print from vue print nb Vue.use Print .html代码 .js代码 .样式 ...
2022-03-16 17:11 0 1074 推荐指数:
一、安装 二、注册 三、使用 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id ...
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页面里,写入以下样式: ...
在使用vue-print-nb中遇到两个问题: 第一个问题:点击打印后,打印的内容是一片空白 vue-print-nb的原理大概是在你的页面上创建一个iframe,然后把你要打印的那一个div抓出来给iframe。 如上图所示,最后把iframe ...
使用vue-print-nb打印,不同分辨率(1366一下或1600以上)时,el-table有些列没有打印出来(页面能够正常展示),查看官方api,通过设置打印样式也无法全部打印: 解决方法1:手撸一个el-table样式的表(没有分页): 样式代码 ...
搬运自:https://segmentfault.com/a/1190000021913990?utm_source=tag-newest 1. 下载print.js 2. 修改print.js 3.main.js中引入插件 ...