91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue點擊當前路由高亮小案例

發布時間:2020-09-22 05:05:52 來源:腳本之家 閱讀:175 作者:小羽向前跑 欄目:web開發

本文實例為大家分享了vue點擊當前路由高亮的具體代碼,供大家參考,具體內容如下

功能展示:

vue點擊當前路由高亮小案例

組件代碼:

標簽上加exact

.router-link-active{
 background: rgba(255,255,255,0.8);
 color: gray;
 }
<template>
 <nav>
  <ul>
  <li>
   <router-link to="/" exact>博客</router-link>
   <router-link to="/AddBlog" exact>寫博客</router-link>
  </li>
  </ul>
 </nav>
</template>
 
<script>
 export default {
  name: "bolgheader"
 }
</script>
 
<style scoped>
 ul{
 list-style-type: none;
 text-align: center;
 margin:0;
 }
 li{
 display: inline-block;
 margin:0 10px;
 }
 a{
 color:rgb(102, 119, 204);
 text-decoration: none;
 padding:12px;
 border-radius: 5px;
 font-size:20px;
 }
 nav{
 background: #eee;
 padding: 30px 0;
 margin-bottom: 40px;
 }
 .router-link-active{
 background: rgba(255,255,255,0.8);
 color: gray;
 }
</style>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

喜德县| 江达县| 阳朔县| 泾川县| 施甸县| 邢台县| 汪清县| 托克托县| 台东市| 昭通市| 马山县| 门源| 沂南县| 库伦旗| 新安县| 庄浪县| 洮南市| 东乡族自治县| 鹤岗市| 江陵县| 芦山县| SHOW| 融水| 景东| 中西区| 绵竹市| 石棉县| 昌邑市| 湄潭县| 溧阳市| 岢岚县| 横山县| 慈利县| 长春市| 拉萨市| 铜梁县| 沁水县| 仁怀市| 木里| 肃南| 江门市|