vue 如何实现局部打印

前言

最近在项目中，遇到客户要经常打印报表或者表格之类的东西，前端开发的过程中，我们如何实现打印呢，这里就相信的跟大家聊一聊

实现效果

代码实现

在main.js加入如下代码

import Print from 'vue-print-nb'
Vue.use(Print);  //注册

然后我们去我们要打印的页面添加打印方法

<button  v-print="printObj" @click="shenhes()">打印</button>

给打印的区域增加一个id

<div id="printMe" style="width: 675px">

打印内容，此处省略一万字内容或者表格，哈哈

</div>

return {
  printObj: {
    id: "printMe",
    popTitle: '运单',
    extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'
  },