四 2 路由跳轉的幾種方式

2022-07-20 12:42:09 字數 1811 閱讀 1153

寫的太棒了

//不帶引數跳轉

//(一)

檢視 //(二)

檢視//name,path都行, 建議用name

// target="_blank" 用來跳轉到新頁面

//攜帶引數跳轉

//(一)

// params傳引數 (類似post)

// 路由配置 path: "/home/:id" 或者 path: "/home:id"

// 不配置path ,第一次可請求,重新整理頁面id會消失

// 配置path,重新整理頁面id會保留

// html 取參 $route.params.id

// script 取參 this.$route.params.id

//(二)

// query傳引數 (類似get,url後面會顯示引數)

// 路由可不配置

// html 取參 $route.query.id

// script 取參 this.$route.query.id

要是開啟新視窗 直接在router-link裡面寫此屬性

target="_blank"

1.  不帶引數

this.$router.push('/home')

this.$router.push()

this.$router.push()

2. query傳參

this.$router.push(})

this.$router.push(})

// html 取參 $route.query.id

// script 取參 this.$route.query.id

3. params傳參

this.$router.push(}) // 只能用 name

// 路由配置 path: "/home/:id" 或者 path: "/home:id" ,

// 不配置path ,第一次可請求,重新整理頁面id會消失

// 配置path,重新整理頁面id會保留

// html 取參 $route.params.id

// script 取參 this.$route.params.id、

4. 開啟新視窗

在vue中使用 this.$router.push() 預設是替代本視窗

如果想新開乙個視窗,可以使用下面的方式:

let routedata = this.$router.resolve( });

window.open(routedata.href, '_blank');

query和params區別

query類似 get, 跳轉之後頁面 url後面會拼接引數,類似?id=1, 非重要性的可以這樣傳, 密碼之類還是用params重新整理頁面id還在

params類似 post, 跳轉之後頁面 url後面不會拼接引數 , 但是重新整理頁面id 會消失

this.$router.go(n)

向前或者向後跳轉n個頁面,n可為正整數或負整數

**區別**

this.$router.push

跳轉到指定url路徑,並想history棧中新增乙個記錄,點選後退會返回到上乙個頁面

this.$router.replace

跳轉到指定url路徑,但是history棧中不會有記錄,點選返回會跳轉到上上個頁面 (就是直接替換了當前頁面)

this.$router.go(n)

向前或者向後跳轉n個頁面,n可為正整數或負整數

RabbitMQ 實戰教程(四) 路由

channel.queuebind queuename,exchange name,繫結是建立交換器和佇列之間的關係。這可以簡單地理解 佇列對該交換器上的訊息感興趣。為了避免與 basicpublish 方法的引數混淆,我們將其稱為繫結鍵。下面是我們如何用乙個繫結鍵建立乙個繫結 channel.qu...

Flask學習筆記2 路由定義的基本方式

使用methods引數指定可接受的請求方式,可以是多種 defhello return hello,world 有時我們需要將同一類url對映到同乙個檢視函式處理,比如 使用同乙個檢視函式來顯示不同使用者的訂單資訊。路由傳遞的引數預設當作string處理 defhello itheima order...

2 路由裝置基本命令

tab 可以用於命令補全 ctrl a 游標前移 ctrl e 游標後移 ctrl c 放棄當前命令並退出配置模式 ctrl r 重新顯示一行 ctrl z 退出配置模式並返回到執行模式 ctrl shift 6 中斷命令執行,用於中斷諸如 ping 或 traceroute 之類的 ios 程序 ...