vue的路由如何传递参数?第二个页面如何拿到参数

路由main.js

{
    name:'hotel',
    path:'/hotel/:id',
    component:Hotel
}
  1. list.vue页面 <router-link :to="{path:'/hotel/'+item.id}">是这样子的,我想把item.id传给hotel.vue页面,。点击url会跳转到http://localhost:8080/#/hotel/1

  2. 我在hotel.vue页面中

  mounted(){
      console.log(this.$vm.$route.params) //
      //我想在这里得到参数,会报下面这个错误
//$route is not defined
  }

得不到参数?怎么做

另外 如果改成下面<router-link :to="{path:'/hotel',params:{id:item.id}}">这样,http://localhost:8080/#/hotel不知道为什么连后缀都没了

阅读 45k
评论
    5 个回答
    • 4.2k

    <router-link :to="{path:'/hotel',params:{id:item.id}}">

      相似问题
      推荐文章