vue project this. $router. go (- 1) can‘t goback

最新推荐文章于 2024-12-20 09:03:21 发布

auserroot

最新推荐文章于 2024-12-20 09:03:21 发布

阅读量273

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue vue-router 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_41595733/article/details/117562494

vue 同时被 2 个专栏收录

16 篇文章

订阅专栏

vue-router

1 篇文章

订阅专栏

在Vue项目里使用`this.$router.go(-1)`进行历史记录回退时，遇到一个问题：点击按钮后URL出现'?'字符，导致前一页加载失败。双击后才生效，但URL出现错误。原始URL为'http://localhost/payment/#/certification/detail'，回退后变为'http://localhost/payment/?#/certification/detail'。问题出现在按钮的 goback() 函数中，可能与路由配置有关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In the Vue project, hash route ‘this. $router. go (- 1)’ is used, and click button the url ‘#’ before has a ‘?’ & Causes the previous page to fail , double click It will take effect but url err

this origin url

http://localhost/payment/#/certification/detail

if i click goback the url change

http://localhost/payment/?#/certification/detail

my code

//button
<button class="btn back p-cu-p" @click="goback">GoBack</button>

//function
goback () {

this.$router.go(-1)

},

//route
{

path: '/certification',
name: 'CertifictionIndex',
component: () => import('@/views/CustomerManagement/certificationIndex.vue'),
children: [
{
path: '/',
name: 'Certifiction',
component: () => import('@/views/CustomerManagement/certification.vue'),
},
{
path: 'detail',
name: 'CertifictionDetail',
component: () => import('@/views/CustomerManagement/certificationDetail.vue'),
},
],
}