国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

新手使用vue-router傳參時注意事項

clasnake / 725人閱讀

摘要:使用和組合傳參路由配置獲取參數刷新參數丟失顯示注意此方法第一次跳轉是沒有問題的,參數也可以傳過去,但是刷新頁面后,參數就沒了這個地方其實還有一個問題,當你傳遞的參數是類型,第一次是沒有問題的,獲取的時候也是類型,但是當你刷新頁面后,變成類

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

相關文章

  • 新手使用vue-router參時注意事項

    摘要:使用和組合傳參路由配置獲取參數刷新參數丟失顯示注意此方法第一次跳轉是沒有問題的,參數也可以傳過去,但是刷新頁面后,參數就沒了這個地方其實還有一個問題,當你傳遞的參數是類型,第一次是沒有問題的,獲取的時候也是類型,但是當你刷新頁面后,變成類 1. 使用name和params組合傳參 this.$router.push({name: details, params: {id: 233}})...

    microcosm1994 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0
  • 利用百度ai進行人臉識別,以及參時遇到的問題

    摘要:安裝推薦安裝好,執行新建是人臉識別的客戶端,為使用人臉識別的開發人員提供了一系列的交互方法。參考如下代碼新建一個你的你的你的你的調用人臉檢測這里僅以人臉檢測為例,其他都大同小異。百度文檔中提到,圖片信息總數據。 安裝SDK 推薦安裝好pip,執行pip install baidu-aip 新建AipFace AipFace是人臉識別的Python SDK客戶端,為使用人臉識別的開發人員...

    bbbbbb 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<