vue 實現打印功能

第一步：通過npm 安裝插件

命令是：npm install vue-print-nb --save

 

第二步在對全局進行配置，在mian.js里面進行配置：

  import Print from 'vue-print-nb'

  Vue.use(Print);  //注冊

 

第三步就可以在頁面上進行引用就可以了。

例如：

 <img   id="printTest1" style="width: 100%;height: 100%;" :src="option.img" alt="打印的圖片">

 <el-button v-show="pringsure" type="primary"  v-print="'#printTest1'" @click="sure()">打印</el-button>

 

注意打印的按鈕的 v-print的名字要和要打印的img的id一致。

 

出現這個界面，就差不多成功了。