禁用 q-item 上的突出显示（Quasar Framework）

Question

当当前 url 等于:to="something"属性时，q-item 以蓝色突出显示。

但是我希望 q-item 保持黑色而不以蓝色突出显示，即使当前 url 等于:to="something"属性。

这是我的 q-item 代码（我使用 Quasar v2.0.4）：

<q-item
  :to="{ name: 'home' }"
>
  <q-item-section avatar>
    <q-icon name="home" size="md" />
  </q-item-section>
  <q-item-section> 
    Home
  </q-item-section>
</q-item>

是否可以禁用 q-item 上的突出显示？

Answer 1

您可以使用active-class="remove-active" ：

<q-item
  active-class="remove-active" // Here
  :to="{ name: 'home' }"
>
  <q-item-section avatar>
    <q-icon name="home" size="md" />
  </q-item-section>
  <q-item-section> 
    Home
  </q-item-section>
</q-item>

Answer 2

您可以使用active-class="q-item-no-link-highlighting"使 q-item 不活动保持黑色：

<q-item
  active-class="q-item-no-link-highlighting" // Here
  :to="{ name: 'home' }"
>
  <q-item-section avatar>
    <q-icon name="home" size="md" />
  </q-item-section>
  <q-item-section> 
    Home
  </q-item-section>
</q-item>