vue-router 声明式路由导航和编程式路由导航
前提: $router:路由器对象 $route:当前路由信息一、 声明式路由导航 ==>> 即<router-link>eg: <router-link to='xxx' tag='li'> To PageB </router-link>注意:<ro
·
前提: $router:路由器对象
$route:当前路由信息
一、 声明式路由导航 ==>> 即<router-link>
eg: <router-link to='xxx' tag='li'> To PageB </router-link>
注意:<router-link> 会默认解析成 a 标签,可以通过 tag 属性指定它解析成什么标签
二、编程式路由导航 ==>> 即写js的方式
相关 API:
1) this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) ==>> 队列的方式(先进先出)
2) this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面) ==>> 栈的方式(先进后出)
3) this.$router.back(): 请求(返回)上一个记录路由
4) this.$router.go(-1): 请求(返回)上一个记录路由
5) this.$router.go(1): 请求下一个记录路由
eg:
文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!
更多推荐
已为社区贡献25条内容
所有评论(0)