路由

一. 路由跳轉

1.router-link:

配置好路由相關的設置后,在需要的位置添加router-link標簽,他的屬性有tag,tag的作用就是讓他顯示什么形式,比如說,向讓他實現(xiàn)點擊一個按鈕就跳轉,tag就設置為button;第二個屬性為to,他是設置跳轉路徑的作用,這個就不用說了吧,第三個我知道的就是replace,就是設置能不能返回上一頁,默認的是push,是可以返回的;

2.不使用router-link跳轉的方式:

比如說點擊這個按鈕讓他跳轉,就是給button綁定一個事件,通過this.$router來進行跳轉,

1:this.router.push("/home"); 2.this.router.splice("/home");

二 .動態(tài)路由-傳參

動態(tài)路由的話也有兩種方式進行傳參:

一種是通過params進行傳值,這種方法需要在配置路由的時候加上參數(shù),然后在發(fā)送地址的時候就在也要把參數(shù)寫到里面;

第二種是,通過query的方式傳參,這種不需要在配置路由時寫參數(shù),直接正常寫就行,但是通過事件傳參的時候,要寫上

this.$router.push({
path:"/home';
query:{

id:"123";
等等參數(shù)
})

三.如何獲取路由傳過來的的參數(shù)

1.它是通過this.route 如果是使用的是params傳參的話,就用this.router.params.id來接收參數(shù),

同理query的方式一樣,通過this.$router.query.id來拿值

四.路由-全局導航守衛(wèi)

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • vue-router 路由 https://router.vuejs.org/zh/ 我們要實現(xiàn)單頁面應用,所...
    大胡子哈登摩羯閱讀 372評論 0 1
  • vueRouter是基于vue的前端路由庫(設計成了 vue的插件)讓前端實現(xiàn)SPA(single page ap...
    夢千諾閱讀 363評論 0 0
  • 后端路由:對于普通網(wǎng)站,所有的超鏈接都是URL地址,所有的URL地址都對應服務器上對應的資源;前端路由:對于單頁面...
    哎呦呦胖子斌閱讀 881評論 1 2
  • 前邊做的資產管理代碼都是放在一個頁面(因為代碼比較少),可是這樣并不好 一、問題: http://fanyoufu...
    風來_閱讀 718評論 0 0
  • 一、什么是路由? 路由是通過互聯(lián)的網(wǎng)絡把信息從源地址傳輸?shù)侥康牡刂返幕顒?路由中有個非常重要的概念叫路由表,本質上...
    接下來的冬天閱讀 502評論 0 0

友情鏈接更多精彩內容