vue cli3 router-link 跳轉

vue cli3 router-link 跳轉

 

在頁面中

<template>

　<div>

　　<router-link class="" to="./ResourceHome">

　　　　首頁

　　</router-link>

　　<router-link class="" to="./ResourceNew">

　　　　新聞

　　</router-link>

　</div>

</template>

---

to的后面接的就是頁面的路徑，也不就是你在路由中的路由地址，如果需要給一個點擊過后的樣式（選中的樣式，則需要在路由配置頁面進行配置一下，在router = createRouter({})中進行配置）

const router = createRouter({

　　linkExactActiveClass:"active"

})