前端打印避免截断解决方案

应项目要求需要实现前端打印二维码的需求，由于之前这些操作由后端生成二维码再一 一拼接成一个word文件 速度非常慢，于是将操作交给前端来实现，也是花了不少时间实现了打印且不截断的效果，话不多说，直接上代码

*需注意：page-break-after: always; page-break-inside:avoid;  这两个css样式需在未定义display:flex/flex-box/block/inline-block；的情况下生效，否则无效！！！！！

插件用的是vue-print-nb

安装方法：

npm install vue-print-nb --save   【vue2 版本】

npm install vue3-print-nb --save  【vue3 版本】

安装之后在main.js中引入它

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import Print from 'vue-print-nb' //引入vue-print-nb插件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(Print) //使用vue-print-nb插件
Vue.use(ElementUI);

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

用法：通过v-print=" '#print' "绑定