1.需求：

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

解決方案：

元頁面：

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

商場

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'

}

解決！！！

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的vue 跳转页面带对象_vue从一个页面跳转到另一个页面并携带参数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。