this.$route.params 和 this.$route.query

933 阅读1分钟

this.$route.params 的使用:

开始得在route文件里面,写入

{
    path:'/yy/xx/:id',
    component: 组件名
}

或者是在一个方法里传参

this.$router.push({
    path:'/xx',
    params:{
        id:tt.id
    }
})

然后可以用 this.$route.params 获取一个对象,里面就有id 值了,本人比较偏向于this.$route.params使用里的第一种方法。

this.$route.query 的使用:

传参:

this.$router.push({
    path:'/xx',
    query:{
        id:tt.id
    }
})

然后可以用 this.$route.query 方法同样是获得了,id 的值。

但是相比较于上面,this.$route.query是获取这样url里的 xx/yyy?id=154654``id的值,而this.$route.params是获取这样 url 里的 xx/yy/id id的值