vue.js - Vuejs - v-if 不使用“！==”运算符

Question

我正在使用 npm 包“browser-detect”来检查浏览器是否为 Firefox。如果是 Firefox，我不想渲染特定的 . 如果我使用“===”运算符，我可以创建一个成功的“v-if”功能，但我似乎不能用“！==”做同样的事情，如此处所示。

这是div：

<div v-if="browserName !== 'firefox'" class="zoom">
      <h4>Zoom Sheet:</h4>
      <p class="zoom-control">-</p>
      <input id="my-range" type="range" step="0.25" min="0.25" max="4" value="0.75" />
      <p class="zoom-control">+</p>
    </div>

这是我从检测浏览器导入的内容：

const { detect } = require('detect-browser');
const browser = detect();

let browserName = browser.name;
console.log('browser: ', browserName)

这是数据中的内容：

data: {
browserName: this.browserName
}

有人知道我在这里做错了什么吗？

标签： vue.js