• 路由切换拦截方法
router.beforeEach( (to,from,next) => {

	next(); //放行
})
  • 路由操作
通过this.$route访问当前路由
路由器:this.$router
//跳转 this.$router.push('路径')
//回退 this.$router.go(-1)

当前路由:this.$route


1、获得路径参数
{
path: '/user/:id',
component: () => import('../views/...vue')
}
this.$route.params.id   //获得路径参数	 /user/123



2、获得请求参数
{
path:'/book',
component:()=>import('../views/...vue')
}
this.$route.query.uid   //获得请求参数	 /book?bid=1234


3、获得路由路径
this.$route.path        //路由路径		  /user
  • 图片

    <img src="@/。。。">  @表示src根目录
    
  • css样式

    <style>
    	@import url(css文件)
    </style>
    

日常学习的总结,主要是为了自己以后看,当然大家有什么好的建议,欢迎评论留言。

10-28 15:40