在VUE中實現打印

1.安裝

npm install vue-print-nb --save

2.在mian.js中引入

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

3.在頁面中使用

<el-dialog title="打印頁面" :visible.sync="dialogVisible" width="40%" :loading="loading" size='small' @open="dialogOpen">
     <div style="width:500px">
       <img  id="printTest" :src="printImg" style="width:100%;  height:auto;" >
     </div>  
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="print" v-print="'#printTest'">去打印</el-button>
    </span>
  </el-dialog>

　在圖中的
id="printTest" 

寫在要打印的標簽身上
v-print="'#printTest'"

把他寫在要去打印的按鈕上
寫上就能打印了~