码迷,mamicode.com
首页 > Web开发 > 详细

vue 打印html

时间:2019-07-26 19:45:37      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:span   页面   rip   code   style   auto   ima   lan   height   

1、https://github.com/xyl66/vuePlugs_printjs从这个路径下载print.js。放到你的代码中

2、我是放到我本地一个js文件中。

技术图片

3、引入当前文件

//打印插件
import Print from ‘./utils/print‘
Vue.use(Print) // 注册

4、页面应用

<template>
    <section ref="print" style="max-height: 1000px;width: 800px;margin: 0 auto;">
        <p>我的打印的内容</p>
    </section>
</template>

<script>
    this.$print(this.$refs.print)
</script>

把需要打印的东西放入这个标签中就可以了。

当内容中有不需要打印的东西时可以这样

<p class="no-print">不要打印</p>

 

vue 打印html

标签:span   页面   rip   code   style   auto   ima   lan   height   

原文地址:https://www.cnblogs.com/mxyr/p/11252093.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!