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

2024年03月24日 vue 网页打印 vue打印 点击打印 网页打印 共享博客

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



本文链接:http://so.lmcjl.com/news/301/

展开阅读全文