vue+element打印页面功能

Posted jun-qi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+element打印页面功能相关的知识,希望对你有一定的参考价值。

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

技术图片

技术图片

  使用print插件  https://github.com/xyl66/vuePlugs_printjs

       教程地址::https://blog.csdn.net/peiyongwei/article/details/82460709

  1. min.js中引入
  2. import Print from ‘@/plugs/print‘
  3. Vue.use(Print) // 注册

 

 1  <template>
 2 
 3  <section ref="print">
 4 
 5    <要打印内容/>
 6 
 7  <div class="no-print">不要打印我</div>
 8 
 9  </section>
10 
11  </template>
12 
13  this.$print(this.$refs.print) // 调用方法使用

以上是关于vue+element打印页面功能的主要内容,如果未能解决你的问题,请参考以下文章

vue+element 根据状态,显示不同的操作按钮

Element vue 跨页面多选功能

前端Vue+Element UI案例:通用后台管理系统-登陆页面功能:登录权限跳转路由守卫退出

Vue + Element做个小页面~

Vue小模块之功能全面的表格用Element创建基本页面布局

Vue+Element实现网页版个人简历系统