Vue 调取浏览器打印

调取浏览器打印 vue-print-nb

Vue使用vue-print-nb
控制台输入指令安装 vue-print-n

npm install vue-print-nb --save

main.js文件全局引入

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

需要打印区域 声明一个id

<div class="main-body" id="printer">这里面的内容都会被打印</div>

在按钮内声明 v-print="’#printer’"

<el-button v-print="'#printer'">打印</el-button>

Css的@media print控制打印时的样式

@media print {
.no-print {
    display: none;
  }
}

就可以调用浏览器打印啦