vue怎么打开新页面

在 vue.js 中，有以下三种打开新页面的方法：1. 使用 组件；2. 使用 $router.push() 方法；3. 使用 window.location.href 属性。

Vue 中打开新页面的方法

在 Vue.js 中，有以下几种打开新页面的方法：

1. 使用 组件

组件是 Vue Router 中的内置组件，用于在单页面应用程序中导航。它可以用来打开新的页面或导航到现有页面。

示例：

<template><router-link to="/new-page">Open New Page</router-link></template><script>
import { defineComponent } from '<a style='color:#f60; text-decoration:underline;' href="https://www.php.cn/zt/15721.html" target="_blank">vue';
import { useRouter } from 'vue-router';

export default defineComponent({
  setup() {
    const router = useRouter();

    return {
      router,
    };
  },
});
</script>

登录后复制

2. 使用 $router.push() 方法

$router.push() 方法用于编程方式导航到一个新的页面。它将一个新的路由条目推送到路由堆栈中，从而打开新的页面。

示例：

this.$router.push('/new-page');

登录后复制

3. 使用 window.location.href

window.location.href 属性可以用来设置或获取当前页面的 URL。通过直接修改此属性，可以打开一个新的页面。

示例：

window.location.href = '/new-page';

登录后复制

以上就是vue怎么打开新页面的详细内容，更多请关注叮当号网其它相关文章！