码迷,mamicode.com
首页 > 其他好文 > 详细

VUE打印功能

时间:2020-02-29 00:40:35      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:ima   按钮   image   install   yar   联系   size   页面   设置   

简介

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打印功能

标签:ima   按钮   image   install   yar   联系   size   页面   设置   

原文地址:https://www.cnblogs.com/CGWTQ/p/12357461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!