2020-03-27 vue-router傳遞參數

  1. query方式傳參和接收參數
傳參: 
this.$router.push({
        path:'/xxx'
        query:{
          id:id
        }
      })

接收參數:
this.$route.query.id
  1. params方式傳參和接收參數
傳參: 
this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })

接收參數:
this.$route.params.id

query相當于get請求,而params相當于post請求,但是,如果沒有在路由中聲明參數,那么參數不會在地址欄出現,但是刷新頁面就會導致獲取不到參數,則可以用localStorage來存儲數據防止刷新頁面數據丟失:

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

相關閱讀更多精彩內容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,793評論 0 3
  • Vue_Router Vue Router 和 Vue.js 的核心深度集成,讓構建單頁面應用變得易如反掌。根據用...
    learninginto閱讀 463評論 0 4
  • 33、JS中的本地存儲 把一些信息存儲在當前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,240評論 0 2
  • 1.css只在當前組件起作用答:在style標簽中寫入scoped即可 例如: 2.v-if 和 v-show 區(qū)...
    小棋子js閱讀 615評論 0 0
  • iOS網絡架構討論梳理整理中。。。 其實如果沒有APIManager這一層是沒法使用delegate的,畢竟多個單...
    yhtang閱讀 5,466評論 1 23

友情鏈接更多精彩內容