网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

vue中router-link标签的属性有哪些-创新互联

这篇文章将为大家详细讲解有关vue中router-link标签的属性有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联专业为企业提供五莲网站建设、五莲做网站、五莲网站设计、五莲网站制作等企业网站建设、网页设计与制作、五莲企业网站模板建站服务,十载五莲做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

to

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


Home

Home


Home


Home


Home


User


Register

replace

设置 replace 属性的话,当点击时,会调用 router.replace() 而不是 router.push(),导航后不会留下 history 记录。

append

设置 append 属性后,则在当前 (相对) 路径前添加基路径。例如,我们从 /a 导航到一个相对路径 b,如果没有配置 append,则路径为 /b,如果配了,则为 /a/b

tag

有时候想要 渲染成某种标签,例如

于是我们使用 tag prop 类指定何种标签,同样它还是会监听点击,触发导航。

foo

  • foo
  • active-class

    设置 链接激活时使用的 CSS 类名。可以通过以下代码来替代。 

    
    

     Router Link 1  Router Link 2

    注意这里 class 使用 active_class="_active"。

    exact-active-class

    配置当链接被精确匹配的时候应该激活的 class。可以通过以下代码来替代。

     Router Link 1  Router Link 2

    event

    声明可以用来触发导航的事件。可以是一个字符串或是一个包含字符串的数组。

    Router Link 1

    以上代码设置了 event 为 mouseover ,及在鼠标移动到 Router Link 1 上时导航的 HTML 内容会发生改变。

    关于“vue中router-link标签的属性有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

    另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    当前名称:vue中router-link标签的属性有哪些-创新互联
    转载源于:http://bjjierui.cn/article/deogdp.html

    其他资讯