63.Vue 路由跳转方式

[wqjiao]

1. router-link 标签映射路由跳转: <router-link to="/detail/1">详情</router-link>

2. /detail/:id

   • 跳转方式

   this.$router.push({
       path: `/detail/${id}`,
   });

   • 获取参数 this.$route.params.id

3. /detail

   • 跳转方式

   this.$router.push({
       name: 'detail',
       params: {
           id
       }
   }

   • 获取参数 this.$route.params.id

4. /detail

   • 跳转方式

   this.$router.push({
       path: '/detail',
       query: {
           id
       }
   }

   • 获取参数 this.$route.query.id