美文网首页
vue 打印

vue 打印

作者: 呆木的小蝎 | 来源:发表于2018-11-01 08:42 被阅读0次

JS原生有自带的window.print打印方法,这里是个vue打印的插件,用于打印,简单,快速,方便,轻便的指令包装。

  安装:

    npm install vue-print-nb --save

  引入:在main.js中引入

    import Print from 'vue-print-nb'

    Vue.use(Print);

  例子:

  HTML:

    <div id="printMe"  >

      <p>葫芦娃,葫芦娃</p>

      <p>一根藤上七朵花 </p>

      <p>小小树藤是我家 啦啦啦啦 </p>

      <p>叮当当咚咚当当 浇不大</p>

      <p> 叮当当咚咚当当 是我家</p>

      <p> 啦啦啦啦</p>

      <p>...</p>

    </div>

    <button v-print="'#printMe'">打印页面</button>

相关文章

  • 打印

    js调起打印(某个div里的内容) vue + elementUI vue js css(打印时的样式,隐藏掉打印按钮)

  • vue html页面打印功能vue-print

    vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-...

  • 7.记录Vue项目插件打印页面所需部分

    实现下面点击打印弹出打印的效果 需要用到打印组件vue-print-nb,安装 npm install vue-p...

  • 前端vue项目实现单页打印功能

    前端vue项目实现单页打印功能 vue-print-nb插件:这是用于打印,简单,快速,方便,轻便的指令包装。安装...

  • 【vue学习】整合Lodop

    前端实现自动打印 批量打印 vue中使用lodop调用标签打印机 利用lodop打印控件轻松实现批量打印 本文主要...

  • vue 打印

    JS原生有自带的window.print打印方法,这里是个vue打印的插件,用于打印,简单,快速,方便,轻便的指令...

  • vue 打印

    vue 方法 第一种方法:通过npm 安装插件 1.安装 npm install vue-print-nb --...

  • VUE 打印

    vue实现打印功能的两种方法[https://blog.csdn.net/peiyongwei/article/d...

  • vue打印

    1.使用vue-print-nb插件打印1.1 安装 1.2 配置在main.js文件中注册 1.3 使用 2.v...

  • Vue打印

    1.使用vue-print-nb插件打印1.1 安装 1.2 配置在main.js文件中注册 1.3 使用 2.v...

网友评论

      本文标题:vue 打印

      本文链接:https://www.haomeiwen.com/subject/fcdtxqtx.html