1. 程式人生 > >vue實現跨頁面傳遞引數

vue實現跨頁面傳遞引數

A頁面帶著引數傳給B頁面,B頁面帶著該引數請求介面或者有其他用途

A頁面:

/* 編輯 */
    handleEdit (aa) {
      let params = {
        aaId: aa.aaId
      }
      this.$router.push({
        path: '/bb/edit',
        name: 'Edit',
        params: params
      })
    },

B頁面:

首先要接收A頁面傳遞過來的引數:

let aaId = this.$route.params.aaId

接收方式就是程式碼中使用的this.$route.params.aaId。B頁面中需要帶著aaId請求資料,則直接使用即可。另外,跳轉頁面使用this.$router.push({})。