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步
相关推荐
瓶子in几秒前
JavaScript数组去重的多种实现方式
javascript
进阶的鱼1 分钟前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js
Cassie燁2 分钟前
element-plus源码解读2——vue3组件的ref访问与defineExpose暴露机制
javascript·vue.js
凯心3 分钟前
React 中没有 v-model,如何优雅地处理表单输入
前端·vue.js·react.js
南雨北斗4 分钟前
vue3 Composable介绍
前端
Robet4 分钟前
类属性公共还是私有
javascript·typescript
x***B41110 分钟前
TypeScript项目引用
前端·javascript·typescript
●VON1 小时前
使用 Electron 构建天气桌面小工具:调用公开 API 实现跨平台实时天气查询V1.0.0
前端·javascript·electron·openharmony
码上成长1 小时前
包管理提速:pnpm + Workspace + Changesets 搭建版本体系
前端·前端框架
Bigger1 小时前
Tauri(十九)——实现 macOS 划词监控的完整实践
前端·rust·app