- 综合排序
- 最热优先
- 最新优先
- 来自专栏中间件的探究
Vue使用printjs组件打印页面
Vue使用printjs组件打印页面 新需求： 需要将页面的局部信息打印出来，只在前端实现，不要占用后端的资源。 经过一通百度，决定使用 print-js和html2canvas组件。 .x版本，所以如果是Vue3.x，请根据新写法在main.js中引用。 from 'html2canvas'; Vue.prototype. $print = printjs; Vue.prototype. 点击右侧打印按钮： 根据效果课件，可以显示指定区域的打印效果，且多余内容会自动的分页。
3.7K30编辑于 2023-03-25 - 来自专栏睡不着所以学编程
Vue笔记(6)
我们通过一个遍历,取出所有子组件的message状态 因为老师说children用得比较少,所以这里只介绍refs,只有在需要得到所有子组件的时候会用到 $refs 看一下结构: 当点击完按钮以后,打印出来的是空对象 此时的$refs 比如我们现在在子组件中添加一个data 现在在父组件中可以这样访问: $parent 浅浅套个娃: 还好我跟得上hhh,不然真的有点看不懂了 按按钮: 是一个vue 组件对象 现在在父组件的data里添加一个name属性: 然后在子组件中打印出来: 但是这个用的也很少 $root 我们直接在刚刚的子组件里面访问根组件,看看出来的是什么: 是我们的Vue
72610编辑于 2022-09-20 - 来自专栏快乐阿超
MP-p6spy日志分析打印
按照官方文档步骤 首先引入GAV： <dependency> <groupId>p6spy</groupId> <artifactId>p6spy</artifactId> <version >最新版本</version> </dependency> 然后是修改配置： 注意此处协议前加上p6spy 驱动也要改为P6SpyDriver spring: datasource: driver-class-name : com.p6spy.engine.spy.P6SpyDriver username: xxx password: xxx url: jdbc:p6spy:mysql://localhost ,com.p6spy.engine.outage.P6OutageFactory # 自定义日志打印 logMessageFormat=com.baomidou.mybatisplus.extension.p6spy.P6SpyLogger #日志输出到控制台 appender=com.baomidou.mybatisplus.extension.p6spy.StdoutLogger # 使用日志系统记录 sql #appender=com.p6spy.engine.spy.appender.Slf4JLogger
81130编辑于 2022-08-21 - 来自专栏柠檬先生
VUE 入门基础(6)
Not A/B/Cv-else-if必须跟在v-if或者v-else-if之后 使用key控制元素的可重用 vue example-1">- {{item.message}}
var example1 = new Vue parentMessage}} - {{ index }} - {{ item.message }} var example2 = new Vue , index) in items" v-bind:item="item" v-bind:index="index"> </my-component> key 为了给vue 数组更新检测 变异方法 vue包含一组观察数组的变异方法，所以我们将会触发视图更新，这些方法如下。1.8K90发布于 2018-01-22 - 来自专栏前端之攻略
vue-print-nb 打印插件的使用
（一）首先安装插件 npm install vue-print-nb --save （二）在main.js 中引入并注册 import Print from 'vue-print-nb' Vue.use (Print) （三）使用方法
打印测试<el-button v-print="'#printTest'">打印</el-button> 假如我们想实现，在打印的时候改变样式，或者隐藏一些不需要打印的元素，直接使用上面的方法就不能实现 需要进行如下修改 （1）把vue-print-nb的文件夹放到自己的文件夹中，在src 下新建utils ' //import Print from '@/utils/vue-print-nb' import Print from '@/utils/vue-print-nb/src/printarea.js ' Vue.prototype.Print = Print 下面完整的打印的例子，打印echart图表，隐藏打印的内容并分页 <template><div id="printTest7.4K10发布于 2020-06-15来自专栏爱明依Java面试葵花宝典打印版【6】
1.不能操作线程和线程API(线程API指非线程对象的方法如notify,wait等)，2.不能操作awt，3.不能实现服务器功能，4.不能对静态属生存取，5.不能使用IO操作直接存取文件系统，6.不能加载本地库
38610编辑于 2022-04-01来自专栏办公魔盒VB6 PDF批量打印，方便快速
---- ---- ---- VB6代码 PDF批量打印，方便快速！！ 链接：https://pan.baidu.com/s/135UYwqovmE6nGRv-NERisA 密码：mznx 转载请注明出处！ ----
2.9K50发布于 2019-07-22来自专栏执行上下文Vue Print-js 打印问题记录~
问题描述 Vue项目利用连接针式打印机打印相关单据，打印出来的文字不清晰，字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现，TA可以自己设置样式。 honorColor: true, // 是否打印彩色文本 targetStyles: ['*'] // 允许打印所有样式属性 }) 重新设置后在打印，发现问题依然存在。 然后在打印预览的时候发现普通的打印是可以选择文字什么的。而我们这个选不中才发现之前打印的逻辑是先生成base64的图片，打印的是图片。那会不会是图片模糊导致的呢？ 2、将打印改成了DOM元素。 设置 printable 为需要打印模板的id，打印的时候不是图片url地址 3、重新打印后发现不是那么模糊了。 但是又涉及纸张大小的问题和文字重叠显示不全 于是重新设置打印模板的宽度和模板内元素的宽度并将字体颜色设置成 #000后，重新打印。问题完美解决。 4、总结 1、打印的是生成的图片，导致不清晰。
4.6K20编辑于 2022-12-18来自专栏全栈程序员必看用vue实现入库单的打印「建议收藏」
1、安装vue-print-nb插件 npm install vue-print-nb –save 2、在main.js文件中引入插件 import Print from ‘vue-print-nb ’ Vue.use(Print) 3、编写程序
采购员：任我行 验货员：岳不群 负责人: 东方不败 仓管员：林平之<button v-print=”‘#printTest'”>打印1K20编辑于 2022-09-27来自专栏vue项目功能积累vue-pdf实现pdf预览、分页、下载、打印
vue-pdf实现pdf预览、分页、下载、打印 vue-pdf-app（功能完整内嵌组件）： https://www.npmjs.com/package/vue-pdf-app vue-pdf使用（参考地址 ="printing" @click.stop="print"> 打印 //js export default { data () { return { htmlTitle: '页面导出PDF文件名' } } } 3、pdf打印功能实现 在vue-pdf组件上绑定ref属性，再到方法中使用$refs获取DOM文本，调用原型方法print() // 打印 print() { console.log(this. $refs.pdf) // 这儿的console.log 仅用于测试打印出多个结果 this.$refs.pdf.print() },
27.7K153发布于 2021-08-18来自专栏hbbliyongWPF备忘录（6）WPF实现打印功能
将需要打印的内容放入同一个<Canvas>中，并起名为“printArea”，打印按键一般不是我们希望打印出来的内容，则将其放在<Canvas>外面。 如下图所示，打印结果中只有<Canvas>中的内容。 WPF 打印控件 无弹框打印 WPF中打印用到了 PrintDialog类。 其中设置打印属性的是PrintTicket，管理打印机的是PrintQueue。 string PrintServerName = "YULIN-PC"; private const string PrintName = "HP LaserJet M1522 series PCL6 ：Hp laserjet m1522 mfp series pcl 6 </param> /// <returns></returns> public PrintQueue SelectedPrintServer
2.8K50发布于 2018-03-05来自专栏狮乐园高级 Vue 组件模式 (6)
Note: 这里关于指令的引入，使用的函数简写的方式，会在指令的 bind 和 update 钩子函数中触发相同的逻辑，vue 中的指令包含 5 个不同的钩子函数，这里就不赘述了，不熟悉的读者可以通过阅读官方文档来了解 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-6 总结 关于指令的概念，我自身还是在 angularjs 中第一次见到，当时其实不兴组件化开发这个概念
75220发布于 2020-01-21【vue3】前端实现 生成条形码并调用打印机打印
参考文章：前端实现 生成条形码并调用打印机打印 开发技术栈vue3+vite+setup 实现功能，批量选择数据–>生成条形码—>调用打印机–>打印输出 一、生成条形码： 1.安装所需要插件 npm i ({ id: 'printTest', // 绑定打印区域的id beforeOpenCallback(vue) { vue.printLoading = true console.log ('打开之前') }, openCallback(vue) { vue.printLoading = false console.log('执行了打印') }, closeCallback (vue) { console.log('关闭了打印工具') } }) 具体相关条形码配置printObj，请参考vue-print-nb - npm 在打印预览的时候发现，条形码并不是一码一页 vue) { vue.printLoading = false console.log('执行了打印') }, closeCallback(vue) { console.log
62410编辑于 2025-12-15Vue调用浏览器打印：从基础到进阶
引言在Vue.js开发中，打印功能是许多Web应用不可或缺的一部分。无论是打印报表、订单、发票还是其他文档，都需要在Vue组件中实现可靠的打印功能。 本文将详细介绍Vue中调用浏览器打印的各种方法和最佳实践。基础打印方法1. 使用window.print()最简单直接的打印方法就是使用浏览器原生的window.print()API：// 在Vue组件中使用export default { methods: { printPage 动态样式切换在Vue中动态添加打印样式类：<template>
<button @click="togglePrint $message.error(`<em>打印</em>失败: ${error.message}`); } }}总结<em>Vue</em>中实现<em>打印</em>功能有多种方法，从简单的window.print()到复杂的自定义<em>打印</em>组件。53310编辑于 2025-09-30来自专栏用户3288143的专栏【剑指Offer】6. 从尾到头打印链表
题目描述 从尾到头反过来打印出每个结点的值。 解题思路 使用递归 要逆序打印链表 1->2->3（3,2,1)，可以先逆序打印链表 2->3(3,2)，最后再打印第一个节点 1。 而链表 2->3 可以看成一个新的链表，要逆序打印该链表可以继续使用求解函数，也就是在求解函数中调用自己，这就是递归函数。
36420发布于 2020-12-07来自专栏一Li小麦vue 随记（6）：构建的艺术
2.2 支持导入vue框架 首先安装vue 3: npm i vue@next -S 2.2.1 允许/@modules/vue语法（rewriteImport） 在做vue开发时，我们通常怎样使用的脚手架 因此想要支持导入vue，首先要改造import xx from 'vue'。 调用vue成功。 (fs.readFileSync(p, 'UTF-8')); console.log(_content) } else { } ctx.body = content; }); 这时打印 scriptSetup: null, styles: [], customBlocks: [] }, errors: [] } 发现不但有解析的内容，包括script，template的内容都打印出来了
1.2K20发布于 2020-07-28来自专栏andyhu-大前端【实用】Vue线上环境禁止打印console.log
console.log再部署到线上 解决办法 通过配置插件，比如uglifyjs-webpack-plugin （打包慢） 自己解决：重写console.log方法（不影响打包速度） 由于公司项目用的是vue-cli2
2.6K30编辑于 2022-12-14来自专栏Hank’s Blog习题 9: 打印，打印，打印
Even 4 lines if we want, or 5, or 6. """) Here are the days: Mon Tue Wed Thu Fri Sat Sun Here are the Even 4 lines if we want, or 5, or 6.
2.1K30发布于 2020-09-16来自专栏全栈程序员必看用js在控制台打印html页面,vue 使用print-js 打印html页面
Print.js 官网 官网 优点：可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。 打印html页时可以继承原有页面的样式，局部打印，过滤掉要打印的元素，及其方便。 一、vue安装命令： npm install print-js –save 二、引入 这个引入不需要在main.js中，直接在使用的.vue中引入即可 这里颜色虽然是灰色，但是也要添加，否则会报错。 properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。 ignoreElements：传入要打印的div中的子元素id，使其不打印。非常好用 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
11.6K30编辑于 2022-11-01来自专栏盛开在夏天的太阳6. vue组件详解(一)
组件data关联的写法 6. 父子组件的通信 ---- 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。 也就是说任何一个Vue实例对象都可以使用. 最后我们可以把comp2注册到Vue对象上, 在页面就可以调用了 // vue也是一个组件, 是一个root根组件 var app = new Vue({ 组件语法糖的写法 在vue2之后, 就很少看到Vue.extend({})的写法了, 而是使用语法糖 // 语法糖的写法 Vue.component('comp2', { template: ' 在模板组件中定义与vue属性接收的变量 3.
1.8K20发布于 2021-03-04腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号