vue-print-nb打印编辑页眉页脚

vue-print-nb是一个Vue.js的打印插件，它可以帮助我们在Vue.js应用程序中实现打印功能。在vue-print-nb中，我们可以通过设置打印选项来控制打印的内容，其中包括页眉和页脚。

要设置页眉和页脚，我们需要在打印选项中添加一个header和footer属性。这两个属性可以是一个字符串或一个函数。如果是一个字符串，它将被直接用作页眉或页脚的内容。如果是一个函数，它将被调用并返回一个字符串，这个字符串将被用作页眉或页脚的内容。

下面是一个示例代码，展示如何使用vue-print-nb设置页眉和页脚：

<template>
  <div>
    <button @click="print">打印</button>
    <div ref="printContent">
      <!-- 打印内容 -->
    </div>
  </div>
</template>

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

Vue.use(Print)

export default {
  methods: {
    print() {
      this.$print({
        content: this.$refs.printContent,
        header: '页眉内容',
        footer() {
          return '页脚内容'
        }
      })
    }
  }
}
</script>

在上面的代码中，我们使用了vue-print-nb插件的$print方法来触发打印操作。在$print方法中，我们传递了一个打印选项对象，其中包括打印内容、页眉和页脚。页眉和页脚分别设置为一个字符串和一个函数。