vue打印插件接入

最新推荐文章于 2024-03-08 08:52:04 发布
最新推荐文章于 2024-03-08 08:52:04 发布
阅读量158 收藏
点赞数
分类专栏： vue 前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/he3236220/article/details/128483847
版权
前端 同时被 2 个专栏收录
41 篇文章 0 订阅
订阅专栏
vue
34 篇文章 1 订阅
订阅专栏

使用vue-print-nb实现打印

  • 安装vue-print-nb
  • main.js中引入
// 打印
import Print from "vue-print-nb"
Vue.use(Print)
  • 打印页面，设置打印部分的id ，按钮处加上id地址即可
 <el-button plain size="mini" v-print="'#printT'">打印采购单</el-button>
没错就是我哎呀
关注
专栏目录
vue项目sentry接入
weixin_33724046的博客
05-27 3838
sentry简介 Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言(JS/Java/Python/php)和平台, 并提供了web来展示输出错误。 sentry官网：sentry.io/ sentry安装 sentry 是一个开源的工具，可以自行搭建。 官方支持两种安装和运行 Sentry ...
VUE3 插件的开发和使用
m0_49515138的博客
02-07 5570
传统的 Webpack 可以用来构建 npm 包文件，但按照目前更主流的技术选项，编译结果更干净更迷的当属 Rollup ，但 Rollup 需要配置很多插件功能，这对于刚接触包开发的开发者来说学习成本比较高，而 Vite 的出现则解决了这个难题，因为 Vite 的底层是基于 Rollup 来完成构建，上层则简化了很多配置上的问题，因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)
vue打印插件使用
11-26
vue打印插件使用 第一步: npm install vue-easy-print --save 第二步，在你的vue页面里 import vueEasyPrint from "vue-easy-print"; import demo from './your path/demo'; // in your vue [removed] export default { components: { vueEasyPrint, demo } } 第三步，加载模板: slot-scope func.getChineseNumber接收到的方法是一个将金额转换成中文的 配置props参数 // 针对分页表格模式：末尾空白行插入 spaceRow: { type:Boolean, default:false, }, // 针对分页表格模式：传入的打印数据。 tableData:{ type:Object, default() { return undefined } }, // 是否显示表格 tableShow:{ type:Boolean, default:false }, // 每页多少行 onePageRow: { type:Number, default:5, }, // 复制打印页面前调用的钩子 beforeCopy:Function, // 打印页面前调用的钩子 beforePrint:Function,
vue实现浏览器打印功能 vue-print-nb
bamboozjy的博客
09-25 1110
1.安装依赖: npm install vue-print-nb --save 2.引入插件: import Print from 'vue-print-nb' Vue.use(Print); 3.1 简单使用: <div id="printMe" style="background:red;"> <p>葫芦娃，葫芦娃</p> <p>一根藤上七朵花 </p> <p>
适用vue的html前台页面打印插件
花满天下的博客
08-17 1117
最近做了个前台报表打印的功能 找了查了很多资料 发现了这个打印插件 https://github.com/denghao123/Print.js 在这里 感谢作者 个人感觉很好用 首先下载下来 js //直接引入Print.js <script src="Print.js"></script> //调用方法 Print('#Dom',{ noPrint:'.no-print' }); //所有参数 noPrint : String 不打印区域,默认'.no-print' onSta
vue 打印插件
前端~锋小张
02-27 3182
1、安装 npm installvue-print-nb --save 2、全局引入并注入 import Print from 'vue-print-nb' Vue.use(Print) 3、使用 打印按钮 指令v-print <el-buttonv-print="'#printDom'">打印</el-button> 要打印的dom &...
vue插件(vue-print-nb)实现打印功能
DZQ1223的博客
06-27 1万+
只需要给不自动换行的标签加上 word-wrap:break-word;注意：一定要给需要打印的容器加一个id,点击打印按钮的时候调用传入的id。2.打印內容不自动换行问题。
vue实现打印功能的两种方法
10-18
第一种方法是通过npm安装打印插件vue-print-nb。安装过程很简单，只需在命令行中运行以下命令进行安装： npm install vue-print-nb --save 安装完成后，在项目的main.js文件中引入并注册该插件： import Print ...
vue项目使用大华摄像头怎样初始化_Vue接入监控视频技术总结
weixin_39611413的博客
12-19 2489
最近一直在搞监控视频接入方面的事情，积累了不少的经验，这里总结一下。提前说一句，本文提到的视频接入均是以RTSP为基础转码而来的，至于用海康大华等插件播放的咱们就闭口不提了可以看这个文章，在vue中接入ocx控件播放监控视频。现在监控视频在前端的播放主要有如下三种方式：RTSP视频流播放RTMP视频流播放HLS视频流播放RTSP咱们一种一种的说，首先是RTSP这种其实和海康插件是一样的，需要VLC...
vue插件vue-resource的使用笔记（小结）
08-29
Vue.js 是一个流行的前端框架，它允许开发者构建用户界面，而vue-resource是Vue.js的一个插件，用于处理HTTP请求，类似于jQuery的$.ajax。本文将详细介绍如何使用vue-resource以及在实际开发中可能遇到的问题和解决...
vue打印前端实现
最新发布
qq_41446759的博客
03-08 1289
kaikingg/vueStudy - 码云 - 开源中国 (gitee.com)全局引用：print.js文件里// 打印类属性、方法定义if (!setDomHeightArr: [], // 需要动态获取并设置高度的 元素printBeforeFn: null, // 打印前回调printDoneCallBack: null // 打印后回调} else {/*** 初始化*/},/*** 配置属性扩展*/return obj;},/**
vue打印插件，使用教程
最初都是小白
11-25 4208
第一步：文件里新增一个print.js // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) ===
VUE—打印（原生态网页打印）
田成荣
12-17 5712
vue、angular——打印
vue2 使用print.js实现打印功能
MyOxygen的博客
07-05 7877
打印时发现表格显示不全，需手动调整打印设置，在右边的更多设置-缩放，选择自定义，缩放至合适的大小。传入自定义样式的字符串，作用于被打印的HTML标签上。自定义页面上所有元素的样式，在打印时生效。可以通过给打印区域设置class类名或id值，也可以使用ref获取DOM节点。打印JSON时传入的表头名称，要和JSON中的键值对的键保持一致。局部引入print-js，指定不同的打印类型。记录print.js实现打印功能的过程。打印JSON时，表格的自定义样式。打印JSON时，表头的自定义样式。
【Vue】使用print.js插件实现打印预览功能，超简单
weixin_50863323的博客
08-08 1万+
【Vue】使用print.js插件实现打印预览功能，超简单
【Vue】如何实现打印功能：Printjs插件
热门推荐
  ╭じò ぴé╮。Qi
04-27 1万+
使用printjs插件实现在线表单打印功能，无需下载，无需编写打印模板，并且兼容Element-ui中el-form表单的打印。支持“pdf”、“html”、“image”和“json”四种打印文档类型。
记录--vue打印插件
林恒的博客
10-21 1334
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 网页实现打印 可以选择性的打印某一部分 的vue组件 1.引入 把print.js 下载到本地,然后放在src 下面添加文件夹里. print.js // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins...
vue-print-nb 实现页面打印（含分页打印）
GFing18的博客
07-05 1万+
vue-print-nb组件实现页面的打印
VUE中实现打印功能插件—vue-easy-print
luofei_create的博客
06-23 5504
vue使用插件vue-easy-print实现打印功能
Vue打印插件npm演示实例
资源摘要信息:"打印插件vue-plugin-hiprint-npm-demo-ele是一个为Vue.js框架设计的npm包，主要功能是实现网页端的打印操作。该插件提供了一套完整的打印解决方案，支持打印预览、打印设置以及打印任务的执行。开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值