Vue中router-link的用法是什么-开发者知识库平台

Vue中router-link的用法是什么

vue

1339

2024/1/11 13:20:38

栏目: 编程语言

Vue中的router-link是一个用于导航的组件，它可以在应用中生成一个链接，当点击链接时，可以触发路由的跳转。

router-link的用法如下：

import { RouterLink } from 'vue-router'

<router-link to="/path">Link Text</router-link>

其中，to属性指定要跳转的路径。

<router-link :to="{ name: 'routeName' }">Link Text</router-link>

其中，name属性指定要跳转的具名路由名称。

<router-link :to="{ name: 'routeName', params: { id: 1 }}">Link Text</router-link>

其中，params属性指定要传递的路由参数。

<router-link to="/path" replace>Link Text</router-link>

<router-link to="/path" active-class="active">Link Text</router-link>

其中，active-class属性指定活动状态的CSS类名。

<router-link to="/path" exact>Link Text</router-link>

以上就是Vue中router-link的基本用法。它可以用于生成导航链接并触发路由的跳转。

Vue中router-link的用法是什么