vue-print-nb 如何实现静默打印

Vue-print-nb 是一个基于 Vue.js 的打印插件，可以将页面中的内容直接打印出来。要实现静默打印，可以在调用打印方法时加上一些参数。

首先，在 Vue 中安装 vue-print-nb 插件：

npm install vue-print-nb --save

然后在 Vue 组件中使用该插件：

<template>
  <div>
    <button @click="print">打印</button>
  </div>
</template>

<script>
import Print from 'vue-print-nb'

export default {
  mixins: [Print],

  methods: {
    print() {
      const options = {
        silent: true, // 静默打印
        printMode: "popup", // 打印模式
        keepAlive: false, // 打印完成后是否关闭打印窗口
      }
      this.printJS(options)
    }
  }
}
</script>

在上面的代码中，我们定义了 `options` 对象并将 `silent` 属性设置为 `true`，这样就可以实现静默打印。同时，我们还可以通过 `printMode` 属性设置打印模式，通过 `keepAlive` 属性来控制打印完成后是否关闭打印窗口。

相关问题

vue2 使用vue-print-nb实现打印功能_vue-print-nb插件在手机上没有效果

以下是使用vue-print-nb插件实现打印功能的示例代码：

1. 首先，安装vue-print-nb插件：

npm install vue-print-nb --save

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

import Vue from 'vue'
import Print from 'vue-print-nb'

Vue.use(Print)

3. 在需要打印的组件中，使用v-print指令来触发打印功能：

<template>
  <div>
    <!-- 打印按钮 -->
    <button v-print="'printArea'">打印</button>

    <!-- 需要打印的内容 -->
    <div id="printArea">
      <!-- 这里是需要打印的内容 -->
    </div>
  </div>
</template>

请注意，为了使打印功能在手机上生效，你需要确保以下几点：
- 确保你的手机浏览器支持打印功能。
- 确保你的打印内容在手机上可见，不会被隐藏或溢出屏幕。
- 确保你的打印内容的样式在手机上正常显示。

vue-print-nb怎么实现分页打印

以下是使用vue-print-nb实现分页打印的方法：

1. 首先，确保你已经安装了vue-print-nb插件。你可以使用npm或者yarn进行安装：

npm install vue-print-nb --save

2. 在你的Vue组件中引入vue-print-nb插件：

import VuePrintNB from 'vue-print-nb'

3. 在Vue组件的`components`属性中注册vue-print-nb组件：

components: {
  VuePrintNB
}

4. 在Vue组件的模板中使用vue-print-nb组件，并设置`printClass`属性为`.perpage`，这样就可以实现分页打印：

<template>
  <div>
    <vue-print-nb :printClass="'.perpage'">
      <div class="perpage">打印1</div>
      <div class="perpage">打印2</div>
      <div class="perpage">打印3</div>
    </vue-print-nb>
  </div>
</template>

5. 在CSS中设置`.perpage`类的样式，使用`page-break-after: always;`属性来实现分页效果：

.perpage {
  page-break-after: always;
}

这样，你就可以使用vue-print-nb插件实现分页打印了。