vue-print-nb 使用样例

Vue-Print-NB是一个用于Vue.js应用中的PDF打印插件，它简化了HTML内容的预览和打印过程。以下是使用Vue-Print-NB的一个基本样例：

首先，你需要安装插件，通过npm或者yarn添加到项目依赖中：

npm install vue-print-nb
# 或者
yarn add vue-print-nb

然后，在`main.js`或`App.vue`等适当的地方导入并使用：

import VuePrintNB from 'vue-print-nb';

// 如果你想全局注册这个组件，可以这样做
Vue.use(VuePrintNB);

// 如果只想在某个组件中使用，可以在组件选项里引入
export default {
  components: {
    PrintButton: VuePrintNB.PrintButton // 这个按钮会触发打印功能
  },
  methods: {
    printPdf() {
      this.$refs.printBtn.print({
        url: '/path/to/your-pdf-file.pdf', // 替换为你PDF文件的实际路径
        title: 'My PDF Document', // 打印页面标题
        margin: { top: 0, right: 0, bottom: 0, left: 0 } // 可选的打印边距设置
      });
    }
  }
}

在模板中，你可以像下面这样创建一个按钮：

<template>
  <button ref="printBtn" @click="printPdf">打印PDF</button>
  <!-- 其他内容 -->
</template>

每当点击这个“打印PDF”按钮，用户就可以预览和选择是否打印PDF文件。