Vue中打印表格功能

• npm下载

npm install vue-print-nb --save

• 在main.js中引用

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

• 在组件中使用

在需要打印的外层div加id=printTest
button标签上对应v-print="'#printTest'"
需要注意的是要调整好表格样式，不然A4纸打印不全的~

微信截图_20200102172443.png

• 效果图

  
  
  微信截图_20200102173042.png

微信截图_20200102173053.png