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 相关文章推荐
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
三分钟带你玩转jQuery.noConflict()
Feb 15 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 Javascript
vue实现登录功能
Dec 31 Vue.js
JavaScript 中的六种循环方法
Jan 06 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学习之 数组声明
2011/06/09 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
JavaScript 序列化对象实现代码
2009/12/18 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
Python中使用Beautiful Soup库的超详细教程
2015/04/30 Python
Python线程创建和终止实例代码
2018/01/20 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
小学敬老月活动方案
2014/02/11 职场文书
大学生个人求职信
2014/06/02 职场文书
欢迎标语大全
2014/06/21 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
创业计划书之水果店
2019/07/18 职场文书