使用vi18n更改语言环境可删除查询和哈希

如何解决使用vi18n更改语言环境可删除查询和哈希

我正在使用vuejs和vi18n作为语言环境来构建一个一页网站。在这种情况下，当我单击一个导航链接时，它会滚动以查看页面的特定部分。

localhost/en/#about

更改语言环境的作品，从英语变为日语，反之亦然。但是我注意到#about被删除了。

localhost/jp/

有没有一种方法可以在更改语言环境时不会删除哈希？

解决方法

据我所知，在更改路由时，默认情况下将删除哈希。

因此，您可以采用另一种方式，在路由更改之前将#hash存储在存储中：

window.localStorage.setItem('hash',window.location.hash)

，然后在路由挂钩中：

router.beforeEach((to,from,next) => {
  //...
  let hashCache = window.localStorage.getItem('hash')
  let toUrl = to.path + hashCache ? `#${hashCache}` : ''
  //...
  next(toUrl)
  //...
})