美文网首页
Vue路由属性的使用

Vue路由属性的使用

作者: 爱讲鸡汤的油腻大叔 | 来源:发表于2019-02-22 00:07 被阅读0次

    <router-link> 组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置 tag 属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。

    以下两种实现方式得到的效果一样

    一、

     <a href="#/login">登陆</a>

    <a href="#/register">注册</a> 

    二、

    <router-link to="/login">登陆</router-link>

     <router-link to="/register">注册</router-link>

    <router-link>默认渲染为一个<a>标签

    假如我们想把<router-link>渲染成其他标签,可修改其属性tag,如:

    <router-link to="/login" tag=“span”>登陆</router-link>

     <router-link to="/register">注册</router-link>

    相关文章

      网友评论

          本文标题:Vue路由属性的使用

          本文链接:https://www.haomeiwen.com/subject/tugjyqtx.html