在新标签页上输入pdf文件

Question

我正在处理Vue.js项目，当我点击某个链接时，我想在新标签页上显示PDF文件。

我有这个目录，我想打开 sample.pdf （我正在 signUp.vue 上工作）：

我在HTML部分有这个代码，我可以使用这个链接来打开所说的文件。

<a v-on:click="showTaC">Terms and Conditions</a>

这里是showTaC函数：

showTaC: function(){
  var pdf = '../assets/sample.pdf';
  window.open(pdf);
}

当我点击该链接时，它会打开一个新标签，但它是一个空白页面并说无法获取/assets/sample.pdf

我哪里出错了？我非常确定我的url目录是正确的。也许我需要为此制定新的路线？页面数量是否重要？

我如何使这项工作？

Answer 1

固定它！

感谢@ShishirArora让我通过浏览器打开文件的想法。因此，当我打开pdf时，通过检查地址栏上的url，我想出了我需要存储的URL。

我用以下内容替换了网址：

var pdf = '/src/assets/sample.pdf'