首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当单击按钮链接时,Vue应用程序自动更改URL中#的位置

当单击按钮链接时,Vue应用程序自动更改URL中#的位置
EN

Stack Overflow用户
提问于 2019-04-19 19:33:30
回答 1查看 268关注 0票数 2

我对vue路由器有个问题。我正在开发一个vue的自定义库,大部分代码都是在我之前创建的。我的问题与尝试获取一个页面来使用在注册流程流上工作的页面上的back按钮有关(除了这个特定的页面外,它可以在所有其他页面上工作)。

我不太清楚为什么它对“#”有一定的作用,我认为这就是问题所在:

应用程序的流程应该是这样的:

  1. http://localhost:8080/#/events,点击“继续”按钮进入下一页(产品页)
  2. http://localhost:8080/#/product,点击“继续”按钮进入下一页(升级页)
  3. http://localhost:8080/upgrade#/,点击“继续”按钮进入下一页(支付页面)

每个页面上都有一个后退按钮,以返回到前一个页面。从‘/升级#/’开始,点击后退按钮,这个应用程序给我一个链接到一个带有这个URL的空白页面:

http://localhost:8080/upgrade#/product

我不确定从什么时候开始:

http://localhost:8080/#/product

然后点击“继续”按钮,为什么“#”移动到“/升级”之后。

这是我们用来更改页面的方法:

代码语言:javascript
运行
复制
changeRoute() {
    this.$router.push("/product");
}
EN

回答 1

Stack Overflow用户

发布于 2019-04-19 20:23:36

你想要的是把vue-路由器模式到历史

代码语言:javascript
运行
复制
const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

vue-路由器的默认模式是哈希模式,这就是您看到这种行为的原因。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55766956

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档