路由傳參傳對象

傳字符串

#傳送
 this.$router.push({
        name: `TestVueRouterTo`,
        params: {
          page: '1', code: '8989'
        }
      })
#接收
getRouterData() {
      this.page = this.$route.params.page
      this.code = this.$route.params.code
      console.log('page', this.page)
      console.log('code', this.code)
    }


參考網頁:https://www.cnblogs.com/beka/p/8583924.html


傳對象

在路由傳參中,只能傳取字符串,如果需要傳對象的話,需將字符串靠JSON轉為字符串。接收后靠JSON解析
傳:


// 列表頁點擊跳轉
let data = JSON.stringify(result) // result傳遞的query參數。我們轉為string
this.$router.push({path: '/wx/detail', query: {res: data}})

收:
// 詳情頁獲取
 let data = JSON.parse(this.$route.query.res)
  this.result = Object.assign({}, data)


參考網頁:https://www.cnblogs.com/mmzuo-798/p/10286970.html

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • 1-------- 走進前端 2-------- jQuery 3-------- CSS 4-------- A...
    依依玖玥閱讀 2,424評論 0 34
  • 人們?yōu)槭裁葱枰獜姕贤?,溝通的主要目的是信息共享信息交換。 假如你今年的思想沒有把去年的思想完全顛覆倒,說明你今年根...
    勻速小跑閱讀 248評論 0 0
  • 第1天靈性財富課程筆記 第1天 感恩金錢導讀:財富是我們每個人原來就具備的基本需求,我們消除舊的負面的財富信念系統...
    CheerLin閱讀 1,467評論 1 2
  • 不知不覺,又是一年, 仔細算算,回頭看看, 童年早已成夢幻, 青春已經看不見, 剩下的就是無奈的生活, 還有衰老的...
    莫夕歸閱讀 691評論 0 23

友情鏈接更多精彩內容