Vue.js不按预期工作的条件

Question

我正在开发一个vue应用程序，在这个应用程序中，由于在一些站点上执行脚本，我得到了一些错误。如果我添加以下代码，我的问题就会得到解决：

    if (
  window.location.href ===
  'chrome-extension://fbdhgoijldjhaidjclojhnbibaipkfmn/index.html#/'
) {
  console.log('dont run')
} else {
  new Vue({
    el: '#context-menu-app-1',
    // components: { App },
    render: (h) => h(App)
  })
}

但是"chrome-extension://fbdhgoijldjhaidjclojhnbibaipkfmn/index.html#/“的值会根据用户的不同而变化，所以我不能使用它作为永久的修复。相反，我试图匹配我的条件来搜索href值是否以“chrome extention”开头，如下所示：

if (window.location.href.indexOf('chrome-extension://')) {
  console.log('dont run')
} else {
  new Vue({
    el: '#context-menu-app-1',
    // components: { App },
    render: (h) => h(App)
  })
}

但是它不起作用，用indexOf方法，我的错误回来了。有什么建议怎么处理吗？

Answer 1

你的情况不对。indexof将返回第一次出现的位置。

indexOf()方法返回字符串中指定值的第一个匹配项的位置。

在您的示例中，返回值将是0，它的计算值为false。

您必须做的是检查返回值是否不是-1。

如果要搜索的值从未发生，则此方法返回-1。

尝试以下代码；

if (window.location.href.indexOf('chrome-extension://') !== -1) {
  console.log('dont run')
} else {
  new Vue({
    el: '#context-menu-app-1',
    // components: { App },
    render: (h) => h(App)
  })
}