禁用 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>