vue-03-路由-tag属性
在上一章的路由的笔记中,讲到了 router-link 这么个标签,我们在页面上审查元素看到的其实是一个 a 标签,但是我们可以使用 tag 这个属性来设置我们的自定义标签,比如说我想让我们的 router-link 默认不是 a 标签,那么我们只需要在 这个标签上加上 tag 这个属性,将其值设置为你想要的 自定义标签即可。在替换为自定义标签之后,会失去a标签的特性,但是是能进行跳转的 ,同时也
·
在上一章的路由的笔记中,讲到了 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>
更多推荐
已为社区贡献5条内容
所有评论(0)