溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面并攜帶參數(shù)的解決方法

發(fā)布時(shí)間：2020-10-24 09:50:51 來(lái)源：腳本之家 閱讀：714 作者：anshengsuiyeu 欄目：web開(kāi)發(fā)

1.需求：

vue從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面并攜帶參數(shù)的解決方法

點(diǎn)擊商場(chǎng)跳轉(zhuǎn)到商業(yè)體列表

vue從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面并攜帶參數(shù)的解決方法

解決方案：

元頁(yè)面：

a標(biāo)簽中添加跳轉(zhuǎn)函數(shù)

<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo('M000989')"><i class="sIRicon"></i>商場(chǎng)</a>
  toMallInfo: function(mallCode){
    this.$router.push({
     path: '/propertyInfo/mall/mallList',
     // name: 'mallList',
     query: {
      mallCode: 'M000989'
     }
    })
   },

將將跳轉(zhuǎn)的url添加到 $router中。

path 中的url 最前面加 / 代表是根目錄下，不加則是子路由

通過(guò)path + query 的組合傳遞參數(shù)

----

跳轉(zhuǎn)頁(yè)面接收參數(shù)

 created(){
   this.getParams()
  },
methods :{getParams(){
    // 取到路由帶過(guò)來(lái)的參數(shù)
    const routerParams = this.$route.query.mallCode
    // 將數(shù)據(jù)放在當(dāng)前組件的數(shù)據(jù)內(nèi)
    this.mallInfo.searchMap.mallCode = routerParams;
    this.keyupMallName()
   }
  }，
  watch: {
   '$route': 'getParams'
  }

解決?。?！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手