vue项目使用wkhtmltopdf

在Vue项目中使用wkhtmltopdf可以将Vue组件或HTML页面转换为PDF文件。下面是一种使用wkhtmltopdf的方法：

1. 首先，确保已经安装了wkhtmltopdf工具。你可以从wkhtmltopdf的官方网站下载并安装它：https://wkhtmltopdf.org/downloads.html

2. 安装完毕后，在Vue项目中安装wkhtmltopdf的Node.js包。可以使用npm或者yarn命令进行安装：

npm install wkhtmltopdf

或者

yarn add wkhtmltopdf

3. 在需要生成PDF的Vue组件中，引入wkhtmltopdf包：

import wkhtmltopdf from 'wkhtmltopdf';

4. 在需要生成PDF的方法中，使用wkhtmltopdf将HTML内容转换为PDF文件：

export default {
  methods: {
    generatePDF() {
      wkhtmltopdf('<h1>Hello world</h1>', 'output.pdf');
    }
  }
}

这里的`'<h1>Hello world</h1>'`是需要转换成PDF的HTML内容，`'output.pdf'`是输出的PDF文件路径和名称。

你也可以使用Vue的ref属性获取到指定的HTML元素，并将其内容传递给wkhtmltopdf进行转换。例如：

export default {
  methods: {
    generatePDF() {
      const element = this.$refs.myElement;
      wkhtmltopdf(element.innerHTML, 'output.pdf');
    }
  }
}

这里的`myElement`是在模板中定义的ref属性。

请注意，wkhtmltopdf依赖于操作系统中的某些字体文件。在不同的操作系统上，字体文件路径可能会不同。如果在生成PDF时遇到字体相关的问题，你可能需要手动指定字体文件路径或者安装缺失的字体文件。

希望这个方法对你有所帮助！