我嘗試使用路由器建構(gòu)函數(shù)中的 linkExactActiveClass
參數(shù)來突出顯示導(dǎo)覽列中的活動(dòng)連結(jié)。
我的問題是,活動(dòng)類別被添加到 css 類別列表的開頭,這意味著其他類別會(huì)覆寫它。
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
類別確實(shí)會(huì)加入到現(xiàn)有的 css 類別之前。這會(huì)導(dǎo)致黃色文字被 text-white
類別覆蓋。我該如何改變這件事?