1. 程式人生 > >vue 路由跳轉,傳參

vue 路由跳轉,傳參

參數 ram clas span his class spa htm code

一.直接跳轉
//js
1.this.$router.push(‘/ad_new‘)

//html 2.
<router-link to="/ad_check">   <div class="top-menu-name">審核</div>  </router-link>

二.跳轉傳參

query傳參,參數會顯示在url後面?id=this.$router.push({
        path: ‘/member‘,
        query: {
           id: id
        }
    })
路由配置
{
    path: 
‘/member‘, name: ‘member‘, component: member } 接收參數 this.$route.query.id
push 直接傳參

this.$router.push({
         this.$router.push(‘/member/‘+id);
 })

路由配置
{
     path: ‘/member/:id‘,
     name: ‘member‘,
     component: member
 }

接收參數
this.$route.params.id
路由 name 

this.$router.push({
         name: 
‘member‘, params: { id: id } }) 路由配置 { path: ‘/member‘, name: ‘member‘, component: member } 接收參數 this.$route.params.id

vue 路由跳轉,傳參