美文网首页
Vue 打印操作

Vue 打印操作

作者: Pluto_7a23 | 来源:发表于2022-05-21 15:29 被阅读0次

npm install vue-print-nb --save
下载插件
main.js 中全局引入

import Print from 'vue-print-nb'

Vue.use(Print)//全家注册打印插件

页面中使用

<el-button  v-print="TransferPirint" >打印</el-button>
  <div id="Transfer">
          <components /> //需要打印的组件
   </div>
export default {
  name: 'HelloWorld',
  data () {
    let that = this
    return {
      Transfer: {
          id: 'TheOriginalNo',//打印的ID
           popTitle: '',打印的表头
     
      }
    }
  }
}

https://www.npmjs.com/package/vue-print-nb

相关文章

  • Vue 打印操作

    npm install vue-print-nb --save下载插件main.js 中全局引入 页面中使用 h...

  • 打印

    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 打印操作

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