vue-print-nb-jeecg用法

vue-print-nb-jeecg是一个Vue.js插件，用于在浏览器中打印Vue.js组件或HTML元素。

使用步骤如下：

1. 安装 vue-print-nb-jeecg

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

2. 在Vue项目中引入 vue-print-nb-jeecg

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

Vue.use(VuePrintNB)

3. 在需要打印的组件或HTML元素上添加“v-print”指令

<template>
  <div>
    <button v-print="'#print'">打印</button>
    <div id="print">
      <!-- 需要打印的内容 -->
    </div>
  </div>
</template>

在上面的示例中，当用户点击“打印”按钮时，会打印id为“print”的div元素中的内容。

4. 可选：使用自定义的打印样式

可以通过在组件中添加<style>标签来覆盖默认的打印样式。

<template>
  <div>
    <button v-print="'#print'">打印</button>
    <div id="print">
      <!-- 需要打印的内容 -->
    </div>
    <style media="print">
      /* 自定义的打印样式 */
    </style>
  </div>
</template>

以上就是vue-print-nb-jeecg的使用步骤，希望对你有帮助！