189 8069 5689

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标签的属性有哪些-创新互联
    网站URL：http://jkwzsj.com/article/deogdp.html

    其他资讯