美文网首页
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