vue-router4 (四) 历史记录处理方法
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
网页切换之后不想留下原页面历史记录处理方法(比如登陆完之后不想留下登陆页面的历史记录):
1.使用router-link 标签导航,可在标签中添加replace 属性
<router-link replace to="/reg">Reg</router-link>
2.router.push()方法导航直接改成router.replace()
<button @click="toPage()">reg</button>
const toPage= ()=>{
router.replace("/reg")
}
使用replace会替换到之前的历史路径
3.router.go()和router.back()
① router.go();前进
参数为数字,可正可负
正:router.go(1);前进1个历史、router.go(2);前进2个历史;
负:router.go(-1);后退1个历史、router.go(-2);后退2个历史;
<button @click="next()" style="margin-right: 20px;">next</button>
const next = ()=>{
router.go(2)
}
② router.back();后退
没有参数,只能一步步后退
<button @click="prev()">prev</button>
const prev = ()=>{
router.back()
}
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079
[skip ci] 1 年前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)