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

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

作者:鹏仔先生日期:2021-03-15 14:41:43浏览:3543分类:JavaScript

20210315160130226.gif

首先,我们在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()



手机扫码访问

已有1位网友发表了看法:

  • 访客

    访客  评论于 [2022-04-13 10:21:26]  回复

    少写了 在 components 写入 vueEasyPrint

取消回复欢迎 发表评论:

关灯