vue中router-link标签的属性有哪些-创新互联
这篇文章将为大家详细讲解有关vue中router-link标签的属性有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联专业为企业提供五莲网站建设、五莲做网站、五莲网站设计、五莲网站制作等企业网站建设、网页设计与制作、五莲企业网站模板建站服务,十载五莲做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。to
表示目标路由的链接。 当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。
Home HomeHome Home Home User Register
replace
设置 replace 属性的话,当点击时,会调用 router.replace() 而不是 router.push(),导航后不会留下 history 记录。
append
设置 append 属性后,则在当前 (相对) 路径前添加基路径。例如,我们从 /a 导航到一个相对路径 b,如果没有配置 append,则路径为 /b,如果配了,则为 /a/b
tag
有时候想要 渲染成某种标签,例如
于是我们使用 tag prop 类指定何种标签,同样它还是会监听点击,触发导航。
foo
active-class
设置 链接激活时使用的 CSS 类名。可以通过以下代码来替代。
注意这里 class 使用 active_class="_active"。
Router Link 1 Router Link 2
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://ybzwz.com/article/deogdp.html