vue 路由跳轉,傳參
阿新 • • 發佈:2019-01-10
參數 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 路由跳轉,傳參