iview局部打印插件

您可以使用 iView 的 Modal 组件来实现局部打印功能。首先，您需要引入 Modal 组件：

import { Modal } from 'view-design';

然后，创建一个方法来触发打印功能：

methods: {
  printPartial() {
    // 创建一个打印的 HTML 片段
    const printContent = document.getElementById('partial-print'); // 将 'partial-print' 替换为您要打印的局部内容的容器 ID

    // 打开一个模态框来展示打印预览
    Modal.info({
      title: '打印预览',
      content: printContent.innerHTML,
      onOk: () => {
        // 在模态框确认后执行打印操作
        window.print();
      }
    });
  }
}

最后，在你的模板中添加一个触发打印的按钮，并在需要打印的局部内容容器上添加一个 ID：

<template>
  <div>
    <!-- 局部内容容器 -->
    <div id="partial-print">
      <!-- 这里是您要打印的局部内容 -->
    </div>

    <!-- 触发打印的按钮 -->
    <Button @click="printPartial">局部打印</Button>
  </div>
</template>

这样，当用户点击 "局部打印" 按钮时，会弹出一个模态框展示局部内容，并提供一个确定按钮来触发打印功能。请注意，您需要将 'partial-print' 替换为实际的局部内容容器的 ID。