this.$route.params和this.$route.query的区别

5,291 阅读1分钟

1.相同点 都可以用来传参数,获取参数

eg:传参
    this.$router.push({
        path: '/monitor',
        query: {
            id: id,
         }
    }
    this.$router.push({
        path: '/monitor',
        params: {
            id: id,
         }
    }

取参
    this.$route.query.id
    this.$route.params.id

2.不同点:

使用query传参url中显示参数,刷新路由跳转页面参数不消失
使用params传参url中不显示参数,刷新路由跳转页面参数消失

eg:
  query:  http://172.19.186.224:8080/#/monitor?id=1
  params: http://172.19.186.224:8080/#/monitor