Javascript 使用VueJS打开PDF

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

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

我试过：

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

点击我

或

---

在VueJS中，有一个名为“static”或“statics”的文件夹，您只需将文件移动到“statics”即可通过本地目录访问它。
假设您的目录如下：

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
   }
}

使用click事件、window.open（）和require

pdf文件

handleClick:（）=>{
window.open（需要（'/path/to/my/pdf.pdf'），'\u空白）
}
如果包含
文件：//
协议会怎么样？不，我的VueJS应用程序正在服务器上运行。我必须以某种方式在服务器中声明它，然后获取它。一个简单的
http://localhost:8081/assets/Resume.pdf
在这种情况下不起作用file:///This 完全取决于您的设置，与VueJS无关。什么是设置？我试着把它放在其他文件夹中，但它不起作用。使用VueJS并希望访问文件时，只能访问节点模块和静态文件夹。其他文件夹中的内容变得动态，无法用“src”甚至“href”指向它进行检索。另外，非常欢迎您展示您的解决方案：）
<input type="button" value="Open" onClick="readFile()");


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