路由传参
2021-08-26 本文已影响0人
沃德麻鸭
$route只读参数对象,$router只写路由对象
有三种传值方式:
this.$router.push传值(编程式导航):
params传值就需要设置name属性,且不可以与path搭配使用,但是会出现数据丢失问题;

query传值既可以和path搭配也可以和name搭配;

router-link传值(声明式导航):
它类似于a标签,在:to后面通过params和query传值;
<router-link :to="{name:xxx,params:{key:value}}">valueString</router-link>
还有通过直接在URL传值:
在URL的路由地址后面加‘/:参数’来进行传参,不用设置params和query,用来解决刷新页面数据的丢失问题;
