H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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不知道为什么连后缀都没了

回答:

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

回答:

<router-link :to='{name:”hotel”, params:{ id:item.id } }’>
这样试试下

回答:

打印this.route会报错$route is not defined,我需要也在hotel.vue中import一下 vue-router么,我实在main.js中引用

回答:

this.$route.params

回答:

我用这个获取到的<router-link :to='{name:”hotel”, params:{ id:item.id } }’>好像是因为params需要通过name来获取

本文地址:H5W3 » vue的路由如何传递参数?第二个页面如何拿到参数

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址