Vue 2.x – 编程式路由导航/缓存路由组件
9.编程式路由导航
-
作用:不借助
实现路由跳转,让路由跳转更加灵活<router-link>
-
具体编码:
//$router的两个API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) this.$router.replace({ name:'xiangqing', params:{ id:xxx, title:xxx } }) this.$router.forward() //前进 this.$router.back() //后退 this.$router.go() //可前进也可后退
10.缓存路由组件
-
作用:让不展示的路由组件保持挂载,不被销毁。
-
具体编码:
<keep-alive include="News"> <router-view></router-view> </keep-alive>
代码
版权声明:
作者:Ne-21
链接:https://blog.gocos.cn/archives/144.html
来源:云淡风轻
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
Vue 2.x – 编程式路由导航/缓存路由组件
9.编程式路由导航
作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活
具体编码:
//$router的两个API
this.$router.push({
name:'x……

共有 0 条评论