1. 安装组件
npm install vue-print-nb --save
2. 引入组件
import Print from "vue-print-nb";
import Vue from "vue";
Vue.use(Print);
3. 使用组件
<el-button size="small" type="primary" v-print="'#printTest'">打印</el-button>
<div id="printTest">
<img :src="href" alt="二维码" style="width: 50%;margin-left: 25%;">
</div> //二维码是后端返回的图片,需要打印出来,具体回显出二维码图片查看我的另一篇博客
4. 遇到问题
无法加载组件
后台报错 : [Vue warn]: Failed to resolve directive: print
解决办法
(在页面里)先引入 vue 再调用Vue.use(Print);
import Print from "vue-print-nb";
import Vue from "vue";
Vue.use(Print);