vue使用iview的对话框内容打印

要将Vue界面中使用iView的对话框内容进行打印，可以使用浏览器的打印功能，或者使用第三方库如Print.js、pdfmake等。以下是一个基本的实现步骤：

1. 在需要打印的Vue组件中，添加一个按钮或其他方式触发打印操作。例如：

<template>
  <div>
    <Button type="primary" @click="print">打印</Button>
    <Modal v-model="visible" title="对话框标题">
      对话框内容
    </Modal>
  </div>
</template>

2. 在打印操作的方法中，使用浏览器的打印功能或第三方库进行打印。例如使用浏览器的打印功能：

methods: {
  print() {
    window.print();
  }
}

3. 如果使用第三方库进行打印，需要先将对话框中的内容转换为PDF或图片格式，然后使用第三方库进行打印。以下是使用Print.js进行打印的示例代码：

import html2canvas from 'html2canvas';
import printJS from 'print-js';

methods: {
  print() {
    const dom = document.querySelector('.ivu-modal .ivu-modal-body');
    html2canvas(dom).then(canvas => {
      const imgData = canvas.toDataURL('image/png');
      const printOptions = {
        printable: imgData,
        type: 'image',
        header: '打印预览',
        documentTitle: '打印预览'
      };
      printJS(printOptions);
    });
  }
}

注意：在使用html2canvas进行转换时，需要将需要打印的内容的父级元素的样式设置为`position: relative`，并且需要等待对话框完全渲染出来后再进行转换。在上面的例子中，我们选择了对话框的`.ivu-modal-body`元素进行转换。你可以根据实际情况选择对话框的其他元素进行转换。