消除router-link 的下划線問題

   <div class="small-size">
        <router-link to="/About">
        <img src="../../static/imgs/index/index02.jpg" alt="圖片加載失敗" class="img-shadow">
        <p class="mg3imageItem" >公司簡介</p>
        <span style="font-size: 12px" class="font-style">
          廣州安騰達化工科技有限公司成立於2012年，專注於創新材料、特殊樹脂、高性能添加劑。
        </span>
        </router-link>
      </div>

使用router-link實現路由跳轉，代碼如上，

雖然能實現跳轉了，但是文字帶有了下划線，不好看

 

要消除下划線，增加一下樣式代碼即可：

  a {
    text-decoration: none;
  }

  .router-link-active {
    text-decoration: none;
  }

 

效果如下