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)无效。网上大多都是写watch写监听route对象的变化,然后调用methods中的方法实现刷新,但是对于项目中不适用,头部状态栏和我的授课部分都是两个页面组件,无法实现状态栏搜索的名称进行数据传递。
最后发现this.$router对象可能有我需要的数据
这里保存了路由的地址记录,通过这里我可以获取搜索的课程名称,然后写watch监听,调用方法实时刷新数据
问题解决!