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