vue+element实现打印页面功能
更新时间:2019年05月20日 16:58:23 作者:浚琦
这篇文章主要介绍了vue+element实现打印页面功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
项目中遇到了要打印页面的功能,我感觉我这个方法不太好,欢迎各位来改善指导


使用print插件 https://github.com/xyl66/vuePlugs_printjs
1.在min.js中引入
2.import Print from '@/plugs/print'
3.Vue.use(Print) // 注册
<template>
<section ref="print">
<要打印内容/>
<div class="no-print">不要打印我</div>
</section>
</template>
this.$print(this.$refs.print) // 调用方法使用
总结
以上所述是小编给大家介绍的vue+element实现打印页面功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关文章
vue3使用video.js播放m3u8格式视频的操作指南
有时候我们需要播放 m3u8 格式的视频,或者实现视频播放器更多定制化需求,HTML 的 video 元素无法实现这些需求,这时候可以考虑使用 Video.js,本文给大家介绍了vue3使用video.js播放m3u8格式视频的操作指南,需要的朋友可以参考下
2024-07-07
vue el-input输入框输入不了的解决方法
在工作中遇到N次input无法输入的问题,所以下面这篇文章主要给大家介绍了关于vue el-input输入框输入不了的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
Vue2的路由和异步请求方式
这篇文章主要介绍了Vue2的路由和异步请求方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-06-06
vue中如何实现复制内容到剪切板详解
有些业务需求需要点击按钮复制链接,下面这篇文章主要给大家介绍了关于vue中如何实现复制内容到剪切板的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-10-10
vue3中sync修饰符的使用详解
.sync修饰符是Vue中用于实现子组件修改父组件传递的props值并更新到父组件的功能,它实际上是一个语法糖,将子组件的props绑定到一个名为update:propName的自定义事件上,本文给大家介绍了vue3中sync修饰符的使用,需要的朋友可以参考下
2023-10-10
Vue3优雅的实现跨组件通信的常用方法总结
开发中经常会遇到跨组件通信的场景,props 逐层传递的方法实在是太不优雅了,所以今天总结下可以更加简单的跨组件通信的一些方法,文中通过代码实例讲解的非常详细,需要的朋友可以参考下
2023-11-11
vue 实现LED数字时钟效果(开箱即用)
这篇文章主要介绍了vue 实现LED数字时钟效果(开箱即用),每一个数字由七个元素构成,即每一个segment元素,本文给大家分享实现实例,感兴趣的朋友一起看看吧
2019-12-12
最新评论