leiyanting

导航

 

.编程式路由导航

  1. 作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活

  2. 具体编码:

    //$router的两个API
    this.$router.push({
    	name:'xiangqing',
    		params:{
    			id:xxx,
    			title:xxx
    		}
    })
    
    this.$router.replace({
    	name:'xiangqing',
    		params:{
    			id:xxx,
    			title:xxx
    		}
    })
    this.$router.forward() //浏览器记录前进
    this.$router.back() //浏览器记录后退
    this.$router.go() //浏览器记录可前进也可后退
posted on 2021-11-22 18:56  leiyanting  阅读(165)  评论(0编辑  收藏  举报