Vue框架(四)——路由跳转、路由传参、cookies、axios、跨域问题、element-ui模块
路由跳转 三种方式: $router.push / $router.go / router-link to this.$router.push( ' /course ' ); this.$router.push({name: course}); //这个name是router.js里面设置的name this.$router.go( -1 ); //页面后退 this.$router.go( 1 ); //前进 <router-link to= " /course " >课程页</router-link> <router-link :to= " {name: 'course'} " >课程页</router-link> 路由传参 第一种: router.js设置 routes: [ // ... { path: ' /course/:id/detail ' , // :id接收参数 name: ' course-detail ' , component: CourseDetail }, ] 跳转 .vue <template> <router-link :to= " ` /course/${course.id}/detail ` " >{{ course.name }}</router-link> </template> <script> // ... goDetail() {