【vue】相同路由不同参数的模块展示进行跳转时页面不刷新问题

Dragonfly_w

于 2021-07-21 16:18:22 发布

阅读量424

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue vue.js 前端框架

5 篇文章

订阅专栏

本文探讨了在Vue应用中如何避免页面全量刷新，当路由参数改变时仅更新部分内容。首先介绍通过watch监听并强制页面刷新的局限性，然后提出使用`<router-view key>`属性控制视图组件重新渲染的方法。阅读者将学到如何实现更精细的路由切换控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.方式一：添加 watch 监听路由参数变化强制页面刷新

watch: {
  '$route'(to, from) {
      this.$router.go(0)
  }
}// 但这种方式导致整体页面刷新而不是路由刷新

2.方式二：在展示区的 router-view 标签上控制 key 属性变化

<router-view :key="$route.fullPath">

// 路由变化时刷新

– 本文来源地址
https://www.cnblogs.com/pinkpinkc/p/13223010.html

【vue】 相同路由不同参数的模块展示进行跳转时页面不刷新问题