當當前 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 上的突出顯示?
uj5u.com熱心網友回復:
您可以使用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>
uj5u.com熱心網友回復:
您可以使用active-使 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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/330926.html
標籤:javascript Vue.js 网址 类星体框架 禁用
