欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2019年08月12日 10:26:44   作者：anshengsuiyeu  
這篇文章主要介紹了vue從一個頁面跳轉(zhuǎn)到另一個頁面并攜帶參數(shù)的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1.需求：

點擊商場跳轉(zhuǎn)到商業(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>商場</a>
  toMallInfo: function(mallCode){
    this.$router.push({
     path: '/propertyInfo/mall/mallList',
     // name: 'mallList',
     query: {
      mallCode: 'M000989'
     }
    })
   },

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

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

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

----

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

 created(){
   this.getParams()
  },
methods :{getParams(){
    // 取到路由帶過來的參數(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'
  }

解決?。?！

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論