美文网首页
2020-11-24 router的其他属性

2020-11-24 router的其他属性

作者: 淡_eed8 | 来源:发表于2020-11-25 15:42 被阅读0次

    router-link:解析出来相当于一个a标签添加了herf链接

    属性to:用于指定跳转路径

    属性tag:tag可以指定router-link之后渲染成什么组件,比如可以把router-link渲染成一个按钮或者div。【tag属性使用的是history.pushState方法,所以能点击返回或者前进按钮,如果不希望tag使用history.pushState 方法,则在后面增加replace(替代)方法,例子:

    <router-link to="/home" tag="button" replace>首页</router-link>】

    active-class:当<router-link>对应的路由匹配成功时,会自动给当前的元素设置一个router-link-active的class,可以在路由设置里面设置linkActiveClass:"设置的样式名字"可以修改默认的名称

    <router-link to="/home" tag="button" replace active-class="active">首页</router-link>

    1.在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类

    2.但是通常不会修改类的属性,会直接使用默认的router-link-active即可

    相关文章

      网友评论

          本文标题:2020-11-24 router的其他属性

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