我試圖通過使用linkExactActiveClass路由器構造器中的引數來突出顯示導航欄中的活動鏈接。
我的問題是在 css 類串列的開頭添加了活動類，這意味著其他類會覆寫它。
這是我的路由器配置：
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes,
linkExactActiveClass: 'text-yellow-500',
});
該router-link元素如下所示：
<li>
<router-link class="px-2 text-white" to="/manage">Manage</router-link>
</li>
問題：
該類text-yellow-500確實在已經存在的 css 類之前添加。這導致黃色文本被text-white類覆寫。我怎樣才能改變這個？
uj5u.com熱心網友回復：
一個簡單的解決方法是使用 tailwind的內置重要修飾符!在您的類中添加 a （檔案）
嘗試以這種方式使用它：
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes,
linkExactActiveClass: '!text-yellow-500',
});
通常，我不喜歡這種方法，但我認為沒有其他簡單的選擇
PS：確保您至少在JIT模式下使用 tailwind 2.1
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/480693.html
上一篇：禁用vue組件互動