1.this.$route.query的使用
A、传参数:
this.
r
o
u
t
e
r
.
p
u
s
h
(
p
a
t
h
:
′
/
m
o
n
i
t
o
r
′
,
q
u
e
r
y
:
i
d
:
i
d
,
)
B
、
获
取
参
数
:
t
h
i
s
.
router.push({ path: '/monitor', query:{ id:id, } }) B、获取参数: this.
router.push(path:′/monitor′,query:id:id,)B、获取参数:this.route.query.id
C、在url中形式(url中带参数)
http://172.19.186.224:8080/#/monitor?id=1
D、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显示存在(项目中遇到此问题)
2.this.$route.params的使用
A、传参数:
this.
r
o
u
t
e
r
.
p
u
s
h
(
n
a
m
e
:
′
m
o
n
i
t
o
r
′
,
p
a
r
a
m
s
:
i
d
:
i
d
,
)
B
、
获
取
参
数
:
t
h
i
s
.
router.push({ name: 'monitor', params:{ id:id, } }) B、获取参数: this.
router.push(name:′monitor′,params:id:id,)B、获取参数:this.route.params.id
C、在url中形式(url中不带参数)
http://172.19.186.224:8080/#/monitor
D、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据不存在(项目中遇到此问题)