2021-06-17

vue同一页面不能路由和刷新数据

今天遇到,同一路径路径,无法实现跳转和刷新数据
在这里插入图片描述
点击头部状态栏搜索课程名称,路由跳转到我的授课,并根据搜索课程名称实时刷新数据,网上翻阅资料,发现同一路径多次点击是无法路由刷新数据,使用方法this. r o u t e r . p u s h ( p a t h : u r l , q u e r y : " c o u r s e N a m e " : t h i s . c o u r s e N a m e ) 无 效 。 网 上 大 多 都 是 写 w a t c h 写 监 听 router.push({path:url,query:{"courseName":this.courseName}})无效。 网上大多都是写watch写监听 router.push(path:url,query:"courseName":this.courseName)watchroute对象的变化,然后调用methods中的方法实现刷新,但是对于项目中不适用,头部状态栏和我的授课部分都是两个页面组件,无法实现状态栏搜索的名称进行数据传递。
最后发现this.$router对象可能有我需要的数据
在这里插入图片描述
这里保存了路由的地址记录,通过这里我可以获取搜索的课程名称,然后写watch监听,调用方法实时刷新数据
在这里插入图片描述
问题解决!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值