1、使用 <router-link> 映射路由
比如导航菜单栏,当点击导航菜单的时候,这种只需要跳转页面,不需要添加验证方法的情况,可以使用** <router-link> **来实现导航的功能:
<router-link to ="要跳转转到的路由"></router-link>
在编译之后,<router-link> 会被渲染为 <a> 标签, to 会被渲染为 href,当 <router-link> 被点击的时候,url 会发生相应的改变
2、编程式导航 this.$router.push(location)
<button @click="click">跳转</button>
methods:{
click :function () {
this.$router.push( { path: '要跳转转到的路由' } )
}
}
push 后面可以是对象,也可以是字符串:
// 字符串
this.$router.push('要跳转转到的路由')
// 对象
this.$router.push({ path: '要跳转转到的路由' })
// 命名的路由
this.$router.push({ name: ' ', params: { userId: wise }})