vue-print-nb打印组件的使用

1.下载vue-print-nb

npm install vue-print-nb --save

2.在main.js中引用，并注册成自己的插件

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

3.在页面中使用

首先确定打印内容，在最外层大盒子中设置id选择器

<div id="printArea">
   打印内容 
</div>

在从下方script中

<script >
export default {
  data () {
    return {
      print:{
        id: 'printArea'
      }
    }
  }
</script>

最后使用该方法

<el-button v-print="print"  type="primary" size='mini'>打印</el-button>

就可以实现打印功能啦！

可以在style中写样式去除打印配置中页眉页脚

@page {
  size: auto;
  margin: 0mm;
}