vue-print-nb没有$print这个方法

对于vue-print-nb插件，确实没有$print这个方法。但是可以通过以下方式实现打印功能：

1. 在需要打印的元素上添加一个ref属性，例如：`<div ref="printContent">需要打印的内容</div>`
2. 在methods中添加一个打印方法，例如：

print() {
  let printContent = this.$refs.printContent.innerHTML
  let newWindow = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto')
  newWindow.document.write(printContent)
  newWindow.document.close()
  newWindow.focus()
  newWindow.print()
  newWindow.close()
}

3. 在需要触发打印的地方调用该方法，例如：`<button @click="print">打印</button>`

相关问题

vue-print-nb的v-print打印如何配合this.$confirm使用

您可以通过以下步骤将vue-print-nb的v-print和this.$confirm结合使用：

1. 在Vue组件中引入vue-print-nb库和this.$confirm：

import VuePrintNB from 'vue-print-nb';
import { MessageBox } from 'element-ui'; // 或者其他UI库的弹窗组件

// 注册vue-print-nb插件
Vue.use(VuePrintNB);

2. 在模板中使用v-print指令，用于触发打印功能：

<template>
  <div>
    <button @click="print">打印</button>
    <div v-print>
      <!-- 要打印的内容 -->
    </div>
  </div>
</template>

3. 在Vue组件的methods中定义打印方法，结合this.$confirm确认弹窗：

methods: {
  print() {
    this.$confirm('确定要打印吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(() => {
      // 用户点击确认按钮
      this.$nextTick(() => {
        // 使用v-print指令进行打印
        this.$print();
      });
    }).catch(() => {
      // 用户点击取消按钮或点击遮罩层
      // 可以执行一些取消操作
    });
  }
}

通过以上步骤，您可以在确认弹窗中触发打印功能，用户点击确认后会进行打印操作。请注意根据您使用的UI库进行相应的确认弹窗组件的引入和配置。

vue vue-print-nb插件使用 修改页眉页脚

vue-print-nb是一个Vue.js插件，用于实现打印功能。如果你想使用vue-print-nb插件并修改页眉页脚，可以按照以下步骤进行操作：

1. 安装vue-print-nb插件。
2. 在Vue项目中引入vue-print-nb插件。
3. 在需要打印的组件中使用vue-print-nb插件。
4. 在打印时加入样式去除页眉页脚。

具体操作步骤如下：

1. 安装vue-print-nb插件：

   npm install vue-print-nb --save

2. 在Vue项目中引入vue-print-nb插件：

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

3. 在需要打印的组件中使用vue-print-nb插件：

   <template>
     <div>
       <button @click="$print">打印</button>
       <div class="print">需要打印的内容</div>
     </div>
   </template>
   <script>
   export default {
     name: 'PrintDemo',
     methods: {
       $print() {
         this.$print({
           // 打印的内容
           content: '.print',
           // 打印的标题
           pageTitle: '打印标题',
           // 打印完成后的回调函数
           callback: function () {
             console.log('打印完成')
           }
         })
       }
     }
   }
   </script>

4. 在打印时加入样式去除页眉页脚：

   <style media="print">
   @page {
     size: auto; /* auto is the initial value */
     margin: 3mm; /* this affects the margin in the printer settings */
   }
   </style>