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的基本用法。它可以用于生成導航鏈接并觸發路由的跳轉。