专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

VUE中实现点击打印功能 vue网页打印 vue-easy-print

作者:鹏仔先生日期:2021-03-15浏览:501分类:JavaScript

VUE中实现点击打印功能 vue网页打印 vue-easy-print

首先,我们在vue中输入命令安装vue-easy-print

npm install vue-easy-print --save


接着,我们需要在需要用到的页面引入插件

import vueEasyPrint from "vue-easy-print";


继续将需要打印的部分,使用下放标签包裹即可

<vue-easy-print ref="easyPrint" tableShow></vue-easy-print>


点击触发,自定义点击事件,事件中执行如下代码即可实现页面打印

this.$refs.easyPrint.print()



手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯