1.在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下,然后操作如下
1 2 3 4 5 6 7 8 9 |
|
2.注意事项 需使用ref获取dom节点,若直接通过id或class获取则webpack打包部署后打印内容为空
3.指定不打印区域
方法1. 添加no-print样式类
1 |
|
方法2. 自定义类名
1 2 |
|
本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目!
以上就是vue实现打印功能的两种方法(附代码)的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
vue treeselect树形下拉框之获取选中节点的ids和lables操作
angular与angularjs、react和vue的简单对比
更多相关阅读请进入《vue》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者