1.需求：

點擊商場跳轉到商業體列表

解決方案：

元頁面：

a標簽中添加跳轉函數

商場

toMallInfo: function(mallCode){

this.$router.push({

path: '/propertyInfo/mall/mallList',

// name: 'mallList',

query: {

mallCode: 'M000989'

}

})

},

將將跳轉的url添加到 $router中。

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

通過path + query 的組合傳遞參數

----

跳轉頁面接收參數

created(){

this.getParams()

},

methods :{getParams(){

// 取到路由帶過來的參數

const routerParams = this.$route.query.mallCode

// 將數據放在當前組件的數據內

this.mallInfo.searchMap.mallCode = routerParams;

this.keyupMallName()

}

}，

watch: {

'$route': 'getParams'

}

解決！！！

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。