第一种:
使用js编程的方式进行页面跳转
<div @click="goPage('/xx/xxx/')"></div>
goPage(url){
this.$router.push({path:url})
}
再简单来说就是this.$router.push({path:'/xx/xxx/'})
第二种:
通过router-link实现跳转
<router-link to="/xxx/xx">点这里跳转</router-link>
使用js编程的方式进行页面跳转
<div @click="goPage('/xx/xxx/')"></div>
goPage(url){
this.$router.push({path:url})
}
再简单来说就是this.$router.push({path:'/xx/xxx/'})
通过router-link实现跳转
<router-link to="/xxx/xx">点这里跳转</router-link>
本文标题:使用vue-router进行路由跳转的几种方式
本文链接:https://www.haomeiwen.com/subject/xfjuvqtx.html
网友评论