vue+element实现打印页面功能


Posted in Javascript onMay 20, 2019

 项目中遇到了要打印页面的功能,我感觉我这个方法不太好,欢迎各位来改善指导

vue+element实现打印页面功能

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实现打印页面功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
利用JS实现数字增长
Jul 28 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
a标签调用js的方法总结
Sep 05 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 Javascript
js键盘事件实现人物的行走
Jan 17 Javascript
vue+element实现表单校验功能
May 20 #Javascript
javascript的this关键字详解
May 20 #Javascript
小程序实现新用户判断并跳转激活的方法
May 20 #Javascript
node实现socket链接与GPRS进行通信的方法
May 20 #Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 #Javascript
react 中父组件与子组件双向绑定问题
May 20 #Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 #Javascript
You might like
PHP 数字左侧自动补0
2008/03/31 PHP
php后门URL的防范
2013/11/12 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
用PHP代码给图片加水印
2015/07/01 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
JavaScript中URL编码函数代码
2011/01/11 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
django中静态文件配置static的方法
2018/05/20 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
设计部经理的岗位职责
2013/11/16 职场文书
12.4全国法制宣传日活动方案
2014/11/02 职场文书
企业承诺书格式范文
2015/04/28 职场文书
法制教育观后感
2015/06/17 职场文书
计算机实训心得体会
2016/01/14 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP