夢醒時分-月兒moon
iView作為一個基於Vue的UI組件庫,提供了常用的UI組件,並且在不斷完善中,也被阿里巴巴、騰訊、百度、頭條(字節跳動)、美團、滴滴等大公司使用,但它畢竟只是一個UI組件庫,自身是不具備路由跳轉功能的。
要做路由跳轉的話,還是要用Vue的Vue-router插件。Vue-Router是Vue官方的路由管理器,和Vue核心深度集成,提供了嵌套路由、命名視圖、命名路由、編程式導航等基本功能和導航守衛、數據獲取、路由懶加載等多種高級功能,滿足單頁面的路由需求。總結來說,其包含的功能有:
- 嵌套的路由/視圖表
- 模塊化的、基於組件的路由配置
- 路由參數、查詢、通配符
- 基於 Vue.js 過渡系統的視圖過渡效果
- 細粒度的導航控制
- 帶有自動激活的 CSS class 的鏈接
- HTML5 歷史模式或 hash 模式,在 IE9 中自動降級
- 自定義的滾動條行為
既然是插件,在使用前就需要先安裝。安裝好之後,先在
main.js
文件裡面引入,如下圖所示:
然後在
app.vue
裡寫明:然後就可以使用路由跳轉了,具體使用方法請參考官方文檔:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html
以上就是我的回答,希望能幫到你。
光聊科技
使用vue-router組件 ,跳轉的話一般使用router-link標籤
如: <router-link>Home/<router-link>