路由跳转 原页面不动

在路由跳转时，如果希望原页面不动，可以使用`this.$router.push()`方法进行跳转。具体使用方式如下：

this.$router.push({
  path: '/new-page',  // 要跳转的路径
  query: {
    // 可选的查询参数
  }
})

使用`this.$router.push()`方法可以在不刷新原页面的情况下进行路由跳转。你可以指定要跳转的路径，同时还可以传递一些可选的查询参数。这样，原页面就会保持不动。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [vue中的路由跳转方法，详细（vue路由跳转）](https://blog.csdn.net/weixin_65793170/article/details/128230632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]

相关问题

vue跳转同一路由页面不刷新

在Vue中，同一路由跳转不会重新执行生命周期，因此数据不会更新，无论是动态路由还是传参都不会刷新页面。这是因为路由的强缓存原因，同一路由跳转往往不会进行刷新。为了解决这个问题，可以采用两种方法：一是通过新建空白页面再返回原页面的方式实现刷新，二是通过在路由配置中添加meta标签，强制刷新页面。具体实现方法可以参考引用中提供的两种方法。

uniapp component 、动态调转页面

1. UniApp Component
UniApp组件是为了更轻松地实现组件复用和开发效率而设计的，它们旨在提高项目架构和代码的可读性和可维护性。 在UniApp中，我们可以使用标准的Vue.js组件和UniApp组件。

Vue.js组件：Vue.js组件是用.vue扩展名的单文件组件，可以被任何Vue.js项目使用。 在UniApp中，我们可以使用一些Vue.js组件，例如各种UI组件库。

UniApp组件：UniApp组件是为UniApp定制的，可以在全平台上使用的组件。 UniApp组件具有多种特性，例如在H5、小程序和APP之间共用同一个组件的能力，可以使用nvue（原生渲染）或vuejs（webview渲染）进行路由。 UniApp组件也有供开发者使用的基础组件库。

2. 动态调转页面
在UniApp中，可以使用uni.navigateTo（）方法实现动态调用页面。 此方法的语法如下：

uni.navigateTo({
url: '/pages/example/example'
})

其中url指向要跳转的页面路径。如果要访问子页面，应指定完整的路径，例如/pages/parent/child。 如果要向目标页面传递数据，可以使用query参数，例如：

uni.navigateTo({
url: '/pages/example/example?id=1'
})

在目标页面中，可以使用当前页面的$route.query属性获取数据：

export default {
onLoad() {
console.log(this.$route.query.id) //输出1
}
}