第一种方法：通过npm 安装插件
1，安装 npm install vue-print-nb --save
2，引入 安装好以后在main.js文件中引入
注册
3，现在就可以使用了
锄禾日当午
汗滴禾下土
谁知盘中餐
粒粒皆辛苦
1，安装 npm install vue-print-nb --save
2，引入 安装好以后在main.js文件中引入
3，现在就可以使用了
锄禾日当午
汗滴禾下土
谁知盘中餐
粒粒皆辛苦
如果内容打印不全，在打印操作时点击更多设置，然后设置缩放
插件地址：nofollow" href="https://github.com/xyl66/vuePlugs_printjs">https://github.com/xyl66/vuePlugs_printjs
在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下，然后操作如下
注意事项 需使用ref获取dom节点，若直接通过id或class获取则webpack打包部署后打印内容为空
提示，github上有一个错误如下，避免踩坑，($ref 会报错，print undefind ; 改为 $refs 就好了)
以上所述是小编给大家介绍的vue实现打印功能的两种方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/30369.html