1回答

河畔一角

2017-06-30

已采纳

你这个问题问的非常好，说明你看的非常仔细和用心。

这个地方有两个概念，需要跟你解释一下：

第一个：动态路由。所为的动态路由，就是地址后面的参数不是固定的，如下图

通过这种方式定义的路由，称之为动态路由，我们访问的时候是这样的：

/user/123

123这个地方是动态的，这种动态路由的 :id  我们也称之为参数，获取的方式如下：

this.$route.params.id

切记：必须通过$route.params来获取动态路由的参数。

第二个概念：请求地址参数

当我们访问一个请求地址的时候，可能需要给下一个页面传递参数。

1.通过代码的形式传参

this.$router.push({
     path:'/test',
     query:{
        userId:123
     }
})

2.通过router-link传参

<router-link :to="{path:'/test',query:{userId:123}}">跳转</router-link>

3.直接把参数加载地址后面

this.$router.push({

    path:'/test?userId=123'

});

获取参数的方法：

this.$route.query.userId

这种传参的形式是请求地址传参

这个问题，你问的很好，主要是你混淆了这两种参数的概念。

如果是动态路由的参数，是通过params获取的，页面刷新也能取到。

如果是请求地址传递的参数，必须通过query获取，页面刷新也不会丢失。

以上文章，我相信我分析之后，你能够非常的明白是为什么。

10

1

mylovef

非常感谢！

2017-06-30

共1条回复