在Vue.js中跳转到几种方法_标签直接跳转_利用HTML的原生功能比如控制打开方式

优势

• 简单直接，不需要额外写JavaScript代码。
• 利用HTML的原生功能，比如控制打开方式。

劣势

• 不够灵活，不适合动态生成链接或复杂的逻辑处理。

示例代码

<template>

  <a href="" target="_blank">打开PDF文件</a>

</template>

2. 使用`window.open()`方法

通过JavaScript的`window.open()`方法，你可以在Vue组件的方法中控制打开PDF文件的方式。

示例代码

<template>

  <button @click="openPDF">打开PDF文件</button>

</template>



<script>

export default {

  methods: {

    openPDF() {

      window.open('', '_blank');

    }

  }

}

</script>

3. 使用Vue Router的`router.push()`方法

如果你使用Vue Router来管理路由，可以使用`router.push()`方法来跳转到PDF文件。

示例代码

<template>

  <button @click="goToPDF">跳转到PDF文件</button>

</template>



<script>

export default {

  methods: {

    goToPDF() {

      this.$router.push({ path: '/pdf-path' });

    }

  }

}

</script>