vue-print-nb-jeecg用法

vue-print-nb-jeecg 是一个 Vue.js 插件，用于在浏览器中打印 HTML 页面。下面是它的用法：

1. 安装

首先，你需要在项目中安装 vue-print-nb-jeecg。可以使用 npm 或 yarn 进行安装。

npm install vue-print-nb-jeecg --save

或

yarn add vue-print-nb-jeecg

2. 引入

在需要使用 vue-print-nb-jeecg 的 Vue 组件中，引入插件并注册。

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

Vue.use(Print)

3. 使用

在组件中，使用 $print 方法打印指定的 HTML 内容。

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

<script>
export default {
  methods: {
    print() {
      this.$print(this.$refs.printContent)
    }
  }
}
</script>

在上面的例子中，我们给需要打印的 HTML 内容添加了一个 ref 属性，值为 "printContent"。然后，在打印按钮的点击事件中，调用 $print 方法并将 ref 作为参数传递给它即可。

另外，vue-print-nb-jeecg 还提供了一些可选的配置项，可以在调用 $print 方法时传入。例如：

this.$print(this.$refs.printContent, {
  importCSS: true, // 是否导入页面的 CSS 样式，默认为 true
  importStyle: true, // 是否导入页面的 style 标签中的样式，默认为 true
  printContainer: true, // 是否打印整个容器中的内容（包括不显示的内容），默认为 true
  loadCSS: 'http://localhost:8080/static/css/print.css' // 需要加载的 CSS 文件路径
})

以上就是 vue-print-nb-jeecg 的基本用法。希望对你有帮助。