this.$route.query的使用

  1. router/index.js
{
    path: '/mtindex',
    component: mtindex,
    //添加路由
    children: [{
            path: ':shopid',
            component: guessdetail
     }]
},
  1. 传参数
this.$router.push({
      path: '/mtindex/detail', query:{shopid: item.id}
});
  1. 获取参数
this.$route.query.shopid
  1. url的表现形式(url中带有参数)
http://localhost:8080/#/mtindex/detail?shopid=1

this.$route.params的使用

  1. router/index.js
{
    path:'/mtindex',
    component: mtindex,
    //添加路由
    children:[{
     	path:"/detail",
     	name:'detail',
     	component:guessdetail
     }]
    },
  1. 传参数( params相对应的是name query相对应的是path)
this.$router.push({
      name: 'detail', params:{shopid: item.id}
});
  1. 获取参数
this.$route.params.shopid
  1. url的表现形式(url中没带参数)
http://localhost:8080/#/mtindex
Logo

前往低代码交流专区

更多推荐