vue 文档打印功能的实现

前端小菜鸡ππ队

已于 2022-08-10 09:46:01 修改

阅读量743

点赞数

分类专栏：前端总结文章标签：前端

于 2022-08-04 16:31:29 首次发布

本文链接：https://blog.csdn.net/jkhedge/article/details/126135378

版权

前端总结专栏收录该内容

18 篇文章 2 订阅

订阅专栏

1.安装 "vue-print-nb": "1.7.5",

npm install vue-print-nb --save

2.使用

在main.js中全局注册

import Print from 'vue-print-nb'

Vue.use(Print)

具体使用

<el-button type="primary" v-print="printObj">打印</el-button>
<div id="container" class="container">
各种组件
</div>

data(){
    printObj:{
          id:"container", //需要打印的id名称
          popTitle:"打印的名称",//文档的名称
          beforeOpenCallback (vue) {
            console.log('打开之前')
          },
          closeCallback (vue) {
            console.log('关闭了打印工具')
          }
        },
}

项目搬运工