路由传参

2021-08-26  本文已影响0人  沃德麻鸭

$route只读参数对象,$router只写路由对象

有三种传值方式:

this.$router.push传值(编程式导航):

params传值就需要设置name属性,且不可以与path搭配使用,但是会出现数据丢失问题;

params

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

query

router-link传值(声明式导航):

它类似于a标签,在:to后面通过params和query传值;

<router-link :to="{name:xxx,params:{key:value}}">valueString</router-link>

还有通过直接在URL传值:

在URL的路由地址后面加‘/:参数’来进行传参,不用设置params和query,用来解决刷新页面数据的丢失问题

URL传值
上一篇 下一篇

猜你喜欢

热点阅读