vue-print-lzj

install dependencies

npm install vue-print-lzj

Global Registration

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

Info

// 在需要打印的地方添加ref,通过 $print 去调用需要打印的ref
<div ref="print">
  <span>打印区域</span>
  <span style="color:red">字体颜色备注</span>
  <p class="no-print">非打印区域</p>
</div>

<button @click="$print($refs.print)">打印</button>