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

首先，我们在vue中输入命令安装vue-easy-printnpm install vue-easy-print --save接着，我们需要在需要用到的页面引入插件import vueEasyPrint from "vue-easy-print";继续将需要打印的部分，使用下放标签包裹即可<vue-easy-print ref="easyPrint" tableShow></vue-easy-print>点击触发 0 Comments

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



本文链接：https://my.lmcjl.com/post/20131.html

展开阅读全文

相关文章

4 评论

留下您的评论.