資訊專欄INFORMATION COLUMN
摘要：使用和組合傳參路由配置獲取參數(shù)刷新參數(shù)丟失顯示注意此方法第一次跳轉(zhuǎn)是沒有問題的，參數(shù)也可以傳過去，但是刷新頁面后，參數(shù)就沒了這個地方其實還有一個問題，當你傳遞的參數(shù)是類型，第一次是沒有問題的，獲取的時候也是類型，但是當你刷新頁面后，變成類
1. 使用name和params組合傳參
this.$router.push({name: "details", params: {"id": 233}})
路由配置
import Vue from "vue"
import Router from "vue-router"
Vue.use(Router)
export default new Router({
mode: "history",
routes: [
{
path: "/details",
name: "details",
component: resolve => require(["../components/details"], resolve)
}
]
})
獲取參數(shù)
this.$route.params.id // 233刷新參數(shù)丟失 顯示 undefined
this.$route.params.id // undefined注意：此方法第一次跳轉(zhuǎn)是沒有問題的，參數(shù)也可以傳過去，但是刷新頁面后，參數(shù)就沒了 (ps: 這個地方其實還有一個問題，當你傳遞的參數(shù)是number類型，第一次是沒有問題的，獲取的時候也是number類型，但是當你刷新頁面后，number變成string類型，如果涉及計算的建議先類型轉(zhuǎn)換一下) 第一次是預(yù)期結(jié)果 // 234
console.log(this.$route.params.id + 1)刷新頁面后直接字符串拼接了 // 2331 參數(shù)丟失解決方案：
routes: [
{
path: "/details/:id", // 這里配置的要和你傳遞的參數(shù)名保持一致
name: "details",
component: resolve => require(["../components/details"], resolve)
}
]
2. path和query組合傳參
this.$router.push({path: "/details", query: {id: 666}})
this.$route.query.id // 666此方法參數(shù)會跟在問號后面 例如：/details?id=666，該方法刷新頁面不會丟失參數(shù) 最后：根據(jù)自己的項目選擇合適的傳參方式 官方文檔 vue-router
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53992.html
摘要：使用和組合傳參路由配置獲取參數(shù)刷新參數(shù)丟失顯示注意此方法第一次跳轉(zhuǎn)是沒有問題的，參數(shù)也可以傳過去，但是刷新頁面后，參數(shù)就沒了這個地方其實還有一個問題，當你傳遞的參數(shù)是類型，第一次是沒有問題的，獲取的時候也是類型，但是當你刷新頁面后，變成類 1. 使用name和params組合傳參 this.$router.push({name: details, params: {id: 233}})...
摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：安裝推薦安裝好，執(zhí)行新建是人臉識別的客戶端，為使用人臉識別的開發(fā)人員提供了一系列的交互方法。參考如下代碼新建一個你的你的你的你的調(diào)用人臉檢測這里僅以人臉檢測為例，其他都大同小異。百度文檔中提到，圖片信息總數(shù)據(jù)。 安裝SDK 推薦安裝好pip，執(zhí)行pip install baidu-aip 新建AipFace AipFace是人臉識別的Python SDK客戶端，為使用人臉識別的開發(fā)人員...
閱讀 2328·2021-11-22 14:56
閱讀 1460·2021-09-24 09:47
閱讀 904·2019-08-26 18:37
閱讀 2818·2019-08-26 12:10
閱讀 1522·2019-08-26 11:55
閱讀 3140·2019-08-23 18:07
閱讀 2294·2019-08-23 14:08
閱讀 605·2019-08-23 12:12
