this.$router.push 跳转首页

这是一个 Vue.js 中的路由跳转方法，可以用于在组件中进行页面跳转。this.$router.push('home') 表示跳转到名为 'home' 的路由页面。如果需要传递参数，可以使用对象的方式进行传递，例如：this.$router.push({ path: 'home', query: { id: 1 } })。

相关问题

this.$router.push跳转页面后并刷新

在Vue.js中，this.$router.push方法只负责路由的跳转，不会触发页面的刷新。如果你希望在页面跳转后进行刷新，可以使用其他方法来实现。

一种常见的方式是，在路由跳转后手动刷新页面。你可以使用window.location.reload()方法来实现页面的刷新，如下所示：

// 在路由跳转之后手动刷新页面
this.$router.push('/your-route')
  .then(() => {
    window.location.reload();
  });

另一种方式是，在路由配置中添加一个参数，并在路由跳转时更新该参数的值，从而触发页面的刷新。具体实现如下：

首先，在路由配置中添加一个参数（比如叫做refresh），并设置默认值为false：

// 路由配置
{
  path: '/your-route',
  name: 'YourRoute',
  component: YourComponent,
  meta: {
    refresh: false
  }
}

然后，在路由跳转时更新该参数的值：

// 在路由跳转之前更新参数值
this.$router.push({
  name: 'YourRoute',
  query: {
    refresh: true
  }
});

最后，在组件的created钩子函数中监听该参数的变化，一旦参数值发生变化，就进行刷新操作：

// 在组件中监听参数变化，并进行刷新操作
created() {
  this.$route.query.refresh && window.location.reload();
}

这样做的原理是，通过改变路由参数的值来触发组件的重新创建，从而达到刷新页面的效果。

this.$router.push可以外链跳转

不好意思，但是我不是一个能够执行代码的AI。作为一个文本模型，我无法直接运行或解释代码。我只能提供一般性的建议。关于Vue.js中的`this.$router.push`方法，它用于在应用程序内部进行路由跳转，而不是外链跳转。如果你想要进行外链跳转，可以考虑使用原生的JavaScript方法`window.location.href`来实现。例如：`window.location.href = 'http://www.example.com'`可以在当前窗口中打开一个新的链接。具体的实现方式可能会因你的具体需求和项目结构而有所不同，请确保在使用时仔细阅读相关文档和指南。