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

vue实现打印功能

时间:2020-03-13 15:57:45      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:asc   color   lang   分页   import   npm   引入   安装   实现   

1.安装依赖 vue-print-nb

cnpm i vue-print-nb -S

2.在mian.js中引入

import Print from ‘vue-print-nb‘
Vue.use(Print)

3.在页面中使用

<div id="printTest" >
    <p>test1</p>
    <p>test1</p>
</div>
<button v-print="‘#printTest‘">打印</button>

缺点:
只能打印可见区域,不能分页打印

vue实现打印功能

标签:asc   color   lang   分页   import   npm   引入   安装   实现   

原文地址:https://www.cnblogs.com/sysg/p/12486913.html

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