vue组件跳转到当前组件地址栏参数改变组件内容却不刷新

最新推荐文章于 2023-01-06 16:10:49 发布
最新推荐文章于 2023-01-06 16:10:49 发布
阅读量310 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanchuidong/article/details/109848084
版权

1：刷新当前页面（vue项目中）
// 为了解决点击按钮路由无法跳转问题(有可能是一期中的路由守卫引起的 不知道咋解决) 所以添加了刷新当前页面的办法（不知道会产生啥bug）但添加上去之后有效果 已经实测 在我做的二期项目中 点击按钮页面无变化不刷新 但是地址栏路由发生变化

watch: {    
    '$route' (to, from) {   
         this.$router.go(0);   
 }},
肉盒子
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue相同路由跳转强制刷新该路由组件操作
10-14
主要介绍了vue相同路由跳转强制刷新该路由组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE跳转页面传值 地址栏显示参数或者不显示地址栏参数
聆听
12-22 3818
添加路由 { path: '/Qyqxhx', component: Qyqxhx, name: 'Qyqxhx', meta: { title: '页面名称' } }, params 传参 : 相当于post请求，页面跳转时参数不会在地址栏中显示 this.$router.push({ name:'Qyqxhx', params: { id: pripid } }) 接收参数：this.$route.params.id .
关于VUE跳转页面传值时地址栏显示所传值或者不显示值的问题
Zxiuping的博客
03-03 2882
在vue传值的时候有的不想把所传值显示在地址栏中，vue跳转页面传参有两种方式params传参和query传参。 params 传参 : 相当于post请求，页面跳转时参数不会在地址栏中显示： this.$router.push({path:"",params:{id:id}}) 接收参数：this.$route.params.id query 传参 : 相当于get请求，页面跳转时参...
vue项目开发中 路由参数变化以及页面切换时出现的问题的解决
weixin_48864616的博客
02-13 1114
1路由参数变化但组件未触发created和mounted生命周期 因为参数变化，使用的组件是同一个，不会导致我们对应路由组件的销毁，那么就不存在重新创建的问题，所以不会触发created和mounted 我们可以给对应的router-view添加key,使用fullPath作为我们key的值 找到Layout.vue中的router-view <router-view :key="$route.fullPath"></router-view> 2 页面在进行切换时，会导致数据的频繁
Vue跳转同一页面只是地址栏参数变化时，地址栏变化，界面未刷新
Kratial的博客
05-08 2508
1.问题描述： 当前所处路由：/test?id=1, 点击按钮后，地址栏变化为：/test?id=2, 但是视图没有更新 报错如下所示： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/test?id=2 2.解决报错需要在router.js文件中添加如下代码： const oldPush = VueRouter.prototype.push VueRoute
vue 解决路由只变化参数页面组件不更新问题
10-16
今天小编就为大家分享一篇vue 解决路由只变化参数页面组件不更新问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 子组件watch监听不到prop的解决
10-14
主要介绍了vue 子组件watch监听不到prop的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue打开子组件弹窗都刷新功能的实现
10-14
主要介绍了vue打开子组件弹窗都刷新功能的实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
10-16
今天小编就为大家分享一篇vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 在当前页面跳转，修改url地址参数并强制刷新页面 reload
Start2019
01-06 7040
在当前页面携带参数刷新当前页面，使用 vue 的 provide / inject 组合去强制刷新页面
vue实现动态改变地址栏的参数值
whylost
05-13 2600
vue实现动态改变地址栏的参数值 点击切换Tab，通过watch监听，在地址栏修改对应得active参数，这样刷新后还能保持最后浏览的tab watch: { active (newValue) { let query = this.$router.history.current.query; let path = this.$router.history.current.path; //对象的拷贝 let newQuery = JSON.pars
vue 修改地址栏参数
weixin_41463944的博客
11-27 2083
let query = JSON.parse(JSON.stringify(this.$route.query)) query.productModelId = 'abc' //state 修改的参数 this.$router.push({ path: this.$route.path, query })
vue修改地址栏参数,如何使用Vue-Router在Vue中设置URL查询参数
weixin_33925126的博客
01-17 1872
I am trying to set query params with Vue-router when changing input fields, I don't want to navigate to some other page but just want to modify url query params on the same page, I am doing like this:...
vue 页面url参数_Vue下URL地址栏参数改变却不能刷新界面
weixin_30269407的博客
01-17 1602
在完成毕业设计(基于Vue的信息资讯展示与管理平台)的过程中，处理如下图所示的 点击左侧栏目列表跳转到对应文章列表 的问题时，初次点击可以跳转到对应的页面，但是当第二次点击时，虽然地址栏的参数改变了，也没有重新刷新页面中的内容。第1次，点击“潮科技”时显示的内容：第2次，点击“奇趣事”时显示的内容：造成上述情况的原因：vue项目中路由跳转默认采用hash的方式，而hash的变化不会导致浏览器发送请...
vue动态修改$router参数
热门推荐
榴莲不好吃的专栏
05-14 4万+
vue动态修改$router参数 import merge from 'webpack-merge'； 修改原有参数 this.$router.push({ query:merge(this.$route.query,{'maxPrice':'630'}) }) 新增一个参数： this.$router.push({ query:merge(this.$route.query,{'addParams':'我是新增的一个参数，哈哈哈哈'}) }) 替换所有参数：
vue路由地址栏跳转不了
最新发布
08-18
在Vue项目中，当只改变路由中的参数而不改变路由地址时，页面数据不会刷新的问题是由于Vue Router的特性导致的。具体原因是，在同一个页面地址栏参数改变时，Vue的created或mounted钩子不会被触发，因此数据不会重新...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值