点击按钮打印需要的部分页面(组件打印)

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); 

猜你喜欢

转载自blog.csdn.net/ZM_1103/article/details/126953167
今日推荐