国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Vue Router active-class 屬性

這篇具有很好參考價(jià)值的文章主要介紹了Vue Router active-class 屬性。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

active-class?是 vue-router 模塊的?router-link?組件的屬性,當(dāng)?router-link?標(biāo)簽被點(diǎn)擊時(shí)將會(huì)應(yīng)用這個(gè)樣式。

  • 單獨(dú)在?router-link?標(biāo)簽上使用?active-class?屬性
  • <router-link to="/about" active-class="active">about</router-link>

    最后,為您選中的鏈接設(shè)置樣式:

  • a.router-link-exact-active {
      color: plum;
    }
     
    .active {
      font-size: 16px;
      font-weight: bold;
    }

    點(diǎn)擊后,無(wú)論怎么刷新頁(yè)面,樣式效果都不會(huì)去掉,除非跳轉(zhuǎn)到其他頁(yè)面。。(這一點(diǎn)還挺不錯(cuò))文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-668419.html

到了這里,關(guān)于Vue Router active-class 屬性的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • Vue前端 更具router.js 中的meta的roles實(shí)現(xiàn)路由衛(wèi)士,實(shí)現(xiàn)權(quán)限判斷。

    Vue前端 更具router.js 中的meta的roles實(shí)現(xiàn)路由衛(wèi)士,實(shí)現(xiàn)權(quán)限判斷。

    參考了之篇文章 1、我在登陸時(shí)獲取到登錄用戶的角色名roles,并存入sessionStorage中,具體是在login頁(yè)面實(shí)現(xiàn),還是在menu頁(yè)面實(shí)現(xiàn)都可以。在menu頁(yè)面實(shí)現(xiàn),可以顯得登陸快一些。 2、編寫router.js,注意,一個(gè)用戶可能有多個(gè)角色。 這里有個(gè)bug 我們的roles存在sessionStorage中,關(guān)閉

    2024年02月13日
    瀏覽(20)
  • Vue.js 中的 watch 屬性詳解

    Vue.js 中的 watch 屬性詳解

    在 Vue.js 中, watch 屬性是一種非常重要的屬性,它可以監(jiān)聽(tīng) Vue 實(shí)例中指定的數(shù)據(jù)變化,并在數(shù)據(jù)發(fā)生變化時(shí)執(zhí)行相應(yīng)的操作。本文將對(duì) Vue.js 中的 watch 屬性進(jìn)行詳細(xì)的介紹,并附上相關(guān)的代碼示例。 在 Vue.js 中, watch 屬性被定義為一個(gè)對(duì)象,它可以用來(lái)監(jiān)聽(tīng) Vue 實(shí)例中的數(shù)

    2024年02月07日
    瀏覽(26)
  • vue.js中如何給元素動(dòng)態(tài)添加屬性?

    由于已經(jīng)在一個(gè)對(duì)象中有屬性,可以直接將它傳遞給v-bind;如下例子

    2024年02月14日
    瀏覽(31)
  • Vue.js 中的過(guò)濾器和計(jì)算屬性

    Vue.js 中的過(guò)濾器和計(jì)算屬性

    Vue.js 是一款流行的 JavaScript 框架,它提供了一種簡(jiǎn)單而靈活的方式來(lái)構(gòu)建交互式 Web 應(yīng)用程序。在 Vue.js 中,過(guò)濾器和計(jì)算屬性是兩個(gè)常用的概念。它們可以幫助開(kāi)發(fā)者更方便地處理數(shù)據(jù),提高代碼的可讀性和可維護(hù)性。但是這兩個(gè)概念有什么區(qū)別呢?本文將會(huì)詳細(xì)介紹 Vue

    2024年02月08日
    瀏覽(18)
  • vue-router.esm.js:2248 Error: Cannot find module ‘@/views/dylife/ 報(bào)錯(cuò)解決
  • JavaScript 框架比較:Angular、React、Vue.js

    在 Web 開(kāi)發(fā)領(lǐng)域,JavaScript 提供大量技術(shù)??晒┻x擇。其中最典型的三套組合,分別是 MERN、MEAN 和 MEVN。這些首字母相同的選項(xiàng)各自代表不同的技術(shù)加工具組合。為了在這些技術(shù)棧中做出明智選擇,讓我們先從核心組件聊起,再對(duì)各自前端框架(React、Angular 和 Vue)進(jìn)行簡(jiǎn)化比

    2024年01月20日
    瀏覽(36)
  • js中對(duì)象的屬性要注意的點(diǎn)以及在vue中watch對(duì)象的屬性的方法

    取對(duì)象值有兩種方式, const obj={ a:\\\'1\\\' } obj.a或者obj[\\\'a\\\'],中括號(hào)還可以寫成 const name = \\\'a\\\' obj[name]和obj[\\\'a\\\']是一個(gè)意思。 然后在vue的watch要監(jiān)聽(tīng)對(duì)象的屬性,寫法是 watch:{ \\\'obj.a\\\'(new,old){} } 這樣的方式。 然后對(duì)象的深度拷貝可以通過(guò)自己手寫遞歸來(lái)實(shí)現(xiàn),也可以通過(guò)JSON.parse(JSON.str

    2024年02月21日
    瀏覽(29)
  • vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

    vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

    vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: \\\"/home\\\". ? 報(bào)錯(cuò)原因:重復(fù)點(diǎn)擊路由導(dǎo)致,因?yàn)関ue-router引入了promise,當(dāng)我們使用this.$router.push時(shí)候需要多添加成功或失敗的回調(diào),否則就會(huì)報(bào)出以上的錯(cuò)誤。 原代碼 第一種 ? ? ? ? 在進(jìn)

    2023年04月08日
    瀏覽(187)
  • 【js&vue】聯(lián)合gtp仿寫一個(gè)簡(jiǎn)單的vue框架,以此深度學(xué)習(xí)JavaScript

    【js&vue】聯(lián)合gtp仿寫一個(gè)簡(jiǎn)單的vue框架,以此深度學(xué)習(xí)JavaScript

    lifecycle.js 注解: this.$options.beforeMount.call(this);與 this.$options.beforeMount();有什么區(qū)別: call(this) ?的作用是將當(dāng)前對(duì)象( this )作為參數(shù)傳遞給? beforeMount ?方法,使得在? beforeMount ?方法內(nèi)部可以通過(guò)? this ?訪問(wèn)到當(dāng)前對(duì)象的上下文 直接調(diào)用了? beforeMount ?方法,沒(méi)有指定上下

    2024年02月09日
    瀏覽(37)
  • 在 Vue.js 中,使用 watch 監(jiān)聽(tīng)data變量如:對(duì)象屬性/data變量

    在 Vue.js 中,使用 `watch` 監(jiān)聽(tīng)對(duì)象屬性 的變化時(shí),應(yīng)該將屬性名作為 字符串 傳遞給 `watch` 選項(xiàng)。 示例如下: ```javascript updateAddChuZhenForm函數(shù) 現(xiàn)在,當(dāng) `isCheck1` 或 `isCheck2` 的值發(fā)生變化時(shí),相應(yīng)的 `watch` 函數(shù)將被觸發(fā)。 ``` 如果你想要 監(jiān)聽(tīng)一個(gè)普通變量 ,而 不是 Vue 實(shí)例的屬

    2024年02月09日
    瀏覽(27)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包