liaooo

标签： 打印

  • 利用vue-print-nb实现打印功能

    安装

    Vue2

    npm install vue-print-nb --save

    Vue3

    npm install vue3-print-nb --save

    引入

    import Print from 'vue-print-nb'
Vue.use(Print)

    给要打印的盒子指定 id

    <div id="print">

    使用v-print指令的方式进行打印

    <button v-print="{ id: 'printbox' }">打印</button>

    注意点

    • Callback函数中this指向当前print object对象，that返回Vue对象
    • 不需要页眉页脚可以在打印弹窗页面的更多设置里面取消选择
    • 不设置popTitle参数页眉标题为undifined
    • popTitle参数为空时，页眉标题默认为Document Title

    利用vue-print-nb实现打印功能

    vue-print-nb – npm