VUE打印功能

Posted cgwtq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE打印功能相关的知识,希望对你有一定的参考价值。

简介

vue项目中,html页面打印功能.在项目中,有时需要打印页面的表格

 

安装

### 使用 npm 或 yarn 安装

npm install vue-print-nb --save

yarn add vue-print-nb

 

使用

### 1.导入文件

import Print from ‘vue-print-nb‘

### 2.在VUE中注册

Vue.use(Print);

### 3.设置需要打印的区域,设置 id = ‘printTest‘(自定义)

技术图片

 

 ### 4.按钮打印,添加 v-print="‘#printTest‘

技术图片

 

 

效果

技术图片

 

 

 

 

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

 

以上是关于VUE打印功能的主要内容,如果未能解决你的问题,请参考以下文章

argparse 代码片段只打印部分日志

Vue实现浏览器打印功能的代码

Vue实现浏览器打印功能的代码

vue中的组件

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板