Vue-60、Vue技术编程式路由

编程式路由导航

1、作用:不借助实现路由跳转,让路由跳转更加灵活

2、具体编码

javascript 复制代码
pushShow(p){
                this.$router.push({
                    name:'xiangqing',
                    query:{id:p.id,title:p.title}
                })
            },

 replaceShow(p){
                this.$router.replace({
                    name:'xiangqing',
                    query:{id:p.id,title:p.title}
                })
            }

前进

javascript 复制代码
 this.$router.forward();

后退

javascript 复制代码
this.$router.back()

可前进可后退

javascript 复制代码
this.$router.go(2);//前进2步

this.$router.go(-2);//后退2步
相关推荐
fruge几秒前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
neter.asia9 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
~甲壳虫10 分钟前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
十一吖i28 分钟前
前端将后端返回的文件下载到本地
vue.js·elementplus
光影少年29 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_30 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891132 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾34 分钟前
前端基础-html-注册界面
前端·算法·html
Rattenking34 分钟前
React 源码学习01 ---- React.Children.map 的实现与应用
javascript·学习·react.js
Dragon Wu36 分钟前
前端 Canvas 绘画 总结
前端