Question

我希望能够在VueJS上打开pdf。 pdf文件是本地文件，无法联机。

（我正在使用Quasar的按钮，但其功能与HTML按钮相同）

我试过了：

<q-btn id="mebtn" href="../assets/resume.pdf">Click Me</q-btn>

或者

<input type="button" value="Open" onClick="window.open('../assets/Resume.pdf');

我得到的错误：

无法获取../ assets / Resume.pdf

我希望能够点击按钮，然后我的pdf会弹出另一个标签

其他正常的HTML解决方案无效

Answer 1

假设您的目录如下：

src -> assets --> Resume.pdf

您可以通过以下方式访问它：

<input type="button" value="Open" onClick="readFile()");


methods: {
  readFile() {
     window.open('src/assets/Resume.pdf', '_blank') //to open in new tab
   }
}

Answer 2

使用click事件window.open（）并要求。

<span @click="handleClick">a pdf file</span>

handleClick: () => {
  window.open(require('/path/to/my/pdf.pdf'), '_blank)
}

Answer 3

在VueJS中，有一个名为＆＃34; static＆＃34;的文件夹。或者＆＃34;静力学＆＃34;你所要做的就是将文件移到＆＃34; statics＆＃34;能够通过本地目录访问它。

使用VueJS打开PDF

3 个答案: