栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

<router-link>组件

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

<router-link>组件

组件支持路由导航功能。
一:首先看一个栗子:

Home
这个栗子表示一个

  • 标签,点击时跳转到Home组件中,并且不会留下历史跳转记录,并且开启router-link严格模式

  • 二:详细讲解router-link组件的props:

    • to:目标路由的链接,相当于a标签的href属性;必须;调用的是router.push()方法,将to的值传入router.push()里

    Home渲染结果:Home
    router渲染结果:router
    • tag:指定组件最终被渲染成什么标签;非必须;如果没有tag属性,router-link最终会被渲染成a标签。在上面的栗子中,渲染成了li标签。

    Home渲染结果:
  • Home
  • 此时依旧会监听点击事件,触发导航
    • replace:调用router.replace(),页面切换时不会留下历史记录;非必须。

    • active-class:表示激活这个链接时,添加的class,默认是router-link-class

    • exact:表示开启router-link的严格模式



    作者:椰果粒
    链接:https://www.jianshu.com/p/8b8616df24a6


    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/245403.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号