1、npm install vue-print-nb --save 二、引入Vue项目 在main.js中添加-- 全局挂载 import Print from 'vue-print-nb' Vue.use(Print) 三、前端代码 一、操作项中的打印按钮 <span title="打印"> <svg-icon icon-class="printer"class="svgicon"@click="showPrinterDialog(scope.row)"/> </span> 二...
el-footer { background: gray; line-height: 60px; } .ul-wrap { font-weight: bold; } @media print { .ul-wrap { color: red; } } </style> 本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。 如有侵权请联系 cloudcommunity@tencent.com 删除 前往查看 javascript vue.js...
在上面的代码中,我们使用了Print组件的header和footer选项来自定义页眉和页脚的内容。我们通过查询选择器(document.querySelector)来获取页眉和页脚元素的内容,并将其传递给Print组件。 4. 样式调整 我们为页眉和页脚添加了简单的样式,使它们固定在页面的顶部和底部,并设置了背景颜色。你可以根据需要进一步调整这些样式。
2、打印区域样式最好使用内联样式,或者先加载样式再加载组件,否则样式会崩塌。 知识点 更多精彩内容,就在简书APP "小礼物走一走,来简书关注我" 赞赏支持还没有人赞赏,支持一下 赞赏 扫码安装简书客户端 畅享全文阅读体验 扫码后在手机中选择通过第三方浏览器下载...
Code README MIT license vue3-print-nb This is a directive wrapper for printed, Simple, fast, convenient, light. Install Vue2 Version: npm install vue-print-nb --save importPrintfrom'vue-print-nb'// Global instructionVue.use(Print);//or// Local instructionimportprintfrom'vue-print-nb'dire...
0Tags Folders and files Name Last commit message Last commit date Latest commit ex_likx5 1.7.5 Aug 26, 2021 933c5a9·Aug 26, 2021 History 48 Commits .Archive/README.md add demo Jun 6, 2019 .idea 解决打印IE不兼容问题 20190310
增加打印之前的回调和打印之后的回调 callback(): 打印之前的回调 endCallback(): 打印之后的回调 mode: 打印方向,默认竖向,1为横向,0横向 源码 vue-print-nb This is a directive wrapper for printed, Simple, fast, convenient, light. Install