摘要:使用和組合傳參路由配置獲取參數刷新參數丟失顯示注意此方法第一次跳轉是沒有問題的,參數也可以傳過去,但是刷新頁面后,參數就沒了這個地方其實還有一個問題,當你傳遞的參數是類型,第一次是沒有問題的,獲取的時候也是類型,但是當你刷新頁面后,變成類
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) } ] })獲取參數
this.$route.params.id // 233刷新參數丟失 顯示 undefined
this.$route.params.id // undefined注意:此方法第一次跳轉是沒有問題的,參數也可以傳過去,但是刷新頁面后,參數就沒了 (ps: 這個地方其實還有一個問題,當你傳遞的參數是number類型,第一次是沒有問題的,獲取的時候也是number類型,但是當你刷新頁面后,number變成string類型,如果涉及計算的建議先類型轉換一下) 第一次是預期結果 // 234
console.log(this.$route.params.id + 1)刷新頁面后直接字符串拼接了 // 2331 參數丟失解決方案:
routes: [ { path: "/details/:id", // 這里配置的要和你傳遞的參數名保持一致 name: "details", component: resolve => require(["../components/details"], resolve) } ]2. path和query組合傳參
this.$router.push({path: "/details", query: {id: 666}})
this.$route.query.id // 666此方法參數會跟在問號后面 例如:/details?id=666,該方法刷新頁面不會丟失參數 最后:根據自己的項目選擇合適的傳參方式 官方文檔 vue-router
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104435.html
摘要:使用和組合傳參路由配置獲取參數刷新參數丟失顯示注意此方法第一次跳轉是沒有問題的,參數也可以傳過去,但是刷新頁面后,參數就沒了這個地方其實還有一個問題,當你傳遞的參數是類型,第一次是沒有問題的,獲取的時候也是類型,但是當你刷新頁面后,變成類 1. 使用name和params組合傳參 this.$router.push({name: details, params: {id: 233}})...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:安裝推薦安裝好,執行新建是人臉識別的客戶端,為使用人臉識別的開發人員提供了一系列的交互方法。參考如下代碼新建一個你的你的你的你的調用人臉檢測這里僅以人臉檢測為例,其他都大同小異。百度文檔中提到,圖片信息總數據。 安裝SDK 推薦安裝好pip,執行pip install baidu-aip 新建AipFace AipFace是人臉識別的Python SDK客戶端,為使用人臉識別的開發人員...
閱讀 4001·2023-04-26 02:13
閱讀 2244·2021-11-08 13:13
閱讀 2729·2021-10-11 10:59
閱讀 1732·2021-09-03 00:23
閱讀 1300·2019-08-30 15:53
閱讀 2274·2019-08-28 18:22
閱讀 3049·2019-08-26 10:45
閱讀 726·2019-08-23 17:58