一. 路由跳转
1.router-link:
配置好路由相关的设置后,在需要的位置添加router-link标签,他的属性有tag,tag的作用就是让他显示什么形式,比如说,向让他实现点击一个按钮就跳转,tag就设置为button;第二个属性为to,他是设置跳转路径的作用,这个就不用说了吧,第三个我知道的就是replace,就是设置能不能返回上一页,默认的是push,是可以返回的;
2.不使用router-link跳转的方式:
比如说点击这个按钮让他跳转,就是给button绑定一个事件,通过this.$router来进行跳转,
1:this.router.splice("/home");
二 .动态路由-传参
动态路由的话也有两种方式进行传参:
一种是通过params进行传值,这种方法需要在配置路由的时候加上参数,然后在发送地址的时候就在也要把参数写到里面;
第二种是,通过query的方式传参,这种不需要在配置路由时写参数,直接正常写就行,但是通过事件传参的时候,要写上
this.$router.push({
path:"/home';
query:{
id:"123";
等等参数
})
三.如何获取路由传过来的的参数
1.它是通过this.
router.params.id来接收参数,
同理query的方式一样,通过this.$router.query.id来拿值
