使用this.$router.push跳转后，新页面没有显示

正常的页面内容，怎么解决？

您可以检查一下新页面的组件是否被正确加载。如果组件正确加载，您可以尝试使用this.$nextTick方法，确保页面能够刷新并正确显示。如果仍然不能解决问题，您可以考虑在跳转时使用$route.replace而不是$this.$router.push来代替原来的跳转方式。

相关问题

this.$router.push跳转新开页面

this.$router.push可以用于在Vue.js中进行路由跳转，可以实现在当前窗口或者新开一个窗口进行跳转。如果要在新开一个窗口进行跳转，可以使用target属性，例如：

this.$router.push({ path: '/newPage', query: { id: 123 }, target: '_blank' })

其中，path表示要跳转的路径，query表示要传递的参数，target表示要在新开一个窗口中打开。

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

在 Vue.js 中，`this.$router.push` 方法会进行页面的跳转，但不会刷新页面。如果你希望在页面跳转后刷新页面，可以考虑使用以下方法：

1. 通过给 `this.$router.push` 方法传递一个新的 `key` 参数来实现强制刷新。例如：

   this.$router.push({
     path: '/your-path',
     query: { key: Math.random() }
   });

在目标页面中，可以通过 `this.$route.query.key` 获取到 `key` 的值，并在页面的某个地方使用该值，触发页面重新渲染。

2. 使用 `window.location.reload()` 方法来刷新页面。在跳转完成后，可以手动调用该方法来刷新当前页面。例如：

   this.$router.push('/your-path').then(() => {
     window.location.reload();
   });

注意，这种方式会刷新整个页面，可能导致数据丢