好资源导航 » 文章资讯 » 详解vue中router-link标签所必备了解的属性

详解vue中router-link标签所必备了解的属性

2023-08-24 14:44:07 58

表示目标路由的链接。当被点击后，内部会立刻把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

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

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

foo

foo

active-class

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

RouterLink1 RouterLink2

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

exact-active-class

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

RouterLink1 RouterLink2

event

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

RouterLink1

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

以上所述是小编给大家介绍的vue中router-link标签所必备了解的属性详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！