vue-03-路由-tag属性

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-21 17:19   11   0

在上一章的路由的笔记中,讲到了 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>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP