在上一章的路由的笔记中,讲到了 router-link 这么个标签,我们在页面上审查元素看到的其实是一个 a 标签,但是我们可以使用 tag 这个属性来设置我们的自定义标签,比如说我想让我们的 router-link 默认不是 a 标签,那么我们只需要在 这个标签上加上 tag 这个属性,将其值设置为你想要的 自定义标签即可。在替换为自定义标签之后,会失去a标签的特性,但是是能进行跳转的 ,同时也会具有 自定义标签的某种特性。

<ul class="navbar-nav">
    <li>
       <router-link to="/" class="nav-link" tag="div">主页</router-link>
    </li>
    <li>                                                                                                              
       <router-link to="menu" class="nav-link" tag="i" >菜单</router-link>
     </li>
     <li>
        <router-link to="admin" class="nav-link">管理</router-link>
     </li>
     <li>
        <router-link to="about" class="nav-link">关于我们</router-link>
     </li>       
</ul>
<ul class="navbar-nav ml-auto">
     <li>
        <router-link to="login" class="nav-link">登录</router-link>
     </li>
     <li>
         <router-link to="register" class="nav-link">注册</router-link>
     </li>
</ul>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐