国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如何讓Vue Router在類別列表末尾添加'link-exact-active-class'?
P粉193307465
P粉193307465 2024-02-25 17:49:38
0
1
536

我嘗試使用路由器建構(gòu)函數(shù)中的 linkExactActiveClass 參數(shù)來突出顯示導(dǎo)覽列中的活動(dòng)連結(jié)。

我的問題是,活動(dòng)類別被添加到 css 類別列表的開頭,這意味著其他類別會(huì)覆寫它。

這是我的路由器設(shè)定:

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 類別覆蓋。我該如何改變這件事?

P粉193307465
P粉193307465

全部回覆(1)
P粉517475670

一個(gè)簡(jiǎn)單的解決方法是使用tailwind (文件)

嘗試這樣使用它:

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
  linkExactActiveClass: '!text-yellow-500',
});

通常,我不喜歡這種方法,但我認(rèn)為沒有其他簡(jiǎn)單的選擇

PS:確保您至少使用 tailwind 2.1 和 JIT 模式

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板