iview如何實現路由跳轉?

夢醒時分-月兒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>


分享到:


相關文章: