无法将 VueJS 2 哈希解析为空字符串

Question

我目前正在尝试确定 url 中是否存在哈希，我得到了一些奇怪的结果。下面的代码在使用http://localhost:8080/subscribers#test 之类的 url 运行时可以正确运行并输出为#test，这是完美的，但是当我简单地请求http://localhost:8080/subscribers 时，它会显示为hash: ""。我最初的想法很简单 this.$route.query.hash === '' 根据 chrome 开发工具是正确的。但这里有点奇怪，因为与 null 和 undefined 或 'undefined' 一起检查两者都不符合我的 if 语句。

 mounted: function () {
  if (this.$route.query.hash === '' || this.$route.query.hash === 'undefined' || this.$route.query.hash === null) {
    console.log(this.$route.hash)
    console.log(this.$route)
    console.log('grabbing auth')
  } else {
    console.log(this.$route.hash)
    console.log(this.$route)
    console.log('attempting redirect')
  }
}

控制台输出，显示为尝试重定向：

有人能弄清楚这是为什么还是我做错了什么？

编辑：

使用if (this.$route.query.hash) { 也会提供相同的奇怪结果，其中 if 语句永远不会被验证为真。

Answer 1

您是否尝试过从语句中删除 .query？

另请注意，如果您不完全强制刷新，而不仅仅是添加 #test 然后接受 url，您将导致 dom 刷新，但您不会导致路由器更新，这就是您得到奇怪结果的原因从控制台。如果您执行了完全刷新，例如从其他网站返回或来自其他网站，那么它将正确解析 #。

Answer 2

问题出在你的 if 语句中，让你的 if 像这样：

if (this.$route.hash) {
        console.log('grabbing auth')
      } else {
        console.log('attempting redirect')
        }