2-11-1 动态路由传参

一、点击返回

<i class="iconfont" @touchstart="handleToBack">&#xe605;</i>

methods:{
      handleToBack(){
        //返回上一步
          this.$router.back()
      }
}

二、动态路由

2-1 配置详情页动态路由

{
            path:'detail/:id',
            components:{
                detail:()=>import('@/views/Movie/detail')
}

2-2 路由传参

methods:{
    handleToDetail(id){
       this.$router.push("/movie/detail/"+id)
    }
}

2-3 详情页接收参数

mounted() {
    this.$store.commit("changeTitle", "电影详情");
    var {id} = this.$route.params
 }