[页面跳转传参](https://blog.csdn.net/u013103102/article/details/80944207) [TOC] ## 1.在router.js中注册要传递的参数 ~~~ { //id是要传递的参数 path: '/detail/:id', name: 'detail', component: Detail } ~~~ ## 2.在组件中传递参数 #### 2.1在标签中传递 ~~~ //点击列表页实现跳转 <router-link tag="li" class="item" v-for="item of recommendList" :key="item.id" :to="'/detail/'+item.id" > </router-link> ~~~ 技术要点 ~~~ 1. tag="li" 2. :to="'/detail/'+item.id" ~~~ 通过路由现实了参数的传递 #### 2.2事件传递 ~~~ this.$router.push('/detail/'+id) ~~~