vue-router之<router-link>的总结

***tag   类型:string  默认值:“a”

有时候想要渲染成某种标签,例如<li> <div>于是我们使用tagprop 类指定何种标签,同样它还是会监听点击,触发导航。

<router-link   to="foo"   tag="div" ></router-link> 渲染结果如下

<div>foo</div>

***to   类型:string/location

表示目标路由的链接。当被点击后,内部会立刻把to的值传到router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。

<router-link   to="home">home</router-link>渲染结果如下

<a href="home"></a>

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,197评论 19赞 139
  • 推荐我的vue教程:VUE系列教程目录 前言 通过前面我写的VUE入门博客,相信已经大概了解VUE是何物,但是对于...
    侬姝沁儿阅读 3,102评论 4赞 19
  • <router-link><router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to...
    乖乖果效36阅读 1,822评论 0赞 1
  • 路由 动态路由匹配 我们经常需要把某种模式匹配到的所有路由,全部映射到同一个组件,例如我们有一个user组件用来展...
    羊烊羴阅读 868评论 0赞 0
  • 用Vue.js + vue-router创建单页应用,是非常简单的,基本是这样的: 组件 → 路由 → 渲染地方 ...
    阿go阅读 1,491评论 0赞 0

友情链接更多精彩内容