vue從一個頁面跳轉到另一個頁面并攜帶參數(shù)的解決方法
更新時間：2019年08月12日 10:26:44 作者：anshengsuiyeu
這篇文章主要介紹了vue從一個頁面跳轉到另一個頁面并攜帶參數(shù)的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
1.需求：
點擊商場跳轉到商業(yè)體列表
解決方案：
元頁面：
a標簽中添加跳轉函數(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'
}
})
},
將將跳轉的url添加到 $router中。
path 中的url 最前面加 / 代表是根目錄下，不加則是子路由
通過path + query 的組合傳遞參數(shù)
----
跳轉頁面接收參數(shù)
created(){
this.getParams()
},
methods :{getParams(){
// 取到路由帶過來的參數(shù)
const routerParams = this.$route.query.mallCode
// 將數(shù)據(jù)放在當前組件的數(shù)據(jù)內(nèi)
this.mallInfo.searchMap.mallCode = routerParams;
this.keyupMallName()
}
}，
watch: {
'$route': 'getParams'
}
解決?。。?/p>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家分享一篇vue中簡單彈框dialog的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue是一套用于構建用戶界面的漸進式框架。接下來通過本文給大家分享Vue.js下載方式及基本概念，感興趣的朋友跟隨腳本之家小編一起學習吧2018-05-05
vue-element-admin按鈕級權限管控的實現(xiàn)
開發(fā)離不開權限,不同的用戶登錄,根據(jù)不同的權限,可以訪問不同的管理目錄，本文主要介紹了vue-element-admin按鈕級權限管控的實現(xiàn)，具有一定的參考價值，感興趣的可以了解一下2022-04-04
解決VueCil代理本地proxytable無效報錯404的問題
這篇文章主要介紹了解決VueCil代理本地proxytable無效報錯404的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了vue2.0組件之間傳值、通信的多種方式以及注意要點，需要的朋友可以參考下2018-02-02
vue + socket.io實現(xiàn)一個簡易聊天室示例代碼
本篇文章主要介紹了vue + socket.io實現(xiàn)一個簡易聊天室示例代碼，具有一定的參考價值，有興趣的可以了解一下。2017-03-03
本文主要介紹了vue實現(xiàn)聊天框自動滾動的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
這篇文章主要為大家詳細介紹了vue實現(xiàn)移動端圖片裁剪上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了vue中如何實現(xiàn)pdf文件預覽的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Vue實現(xiàn)預覽文件(Word/Excel/PDF)功能的示例代碼
這篇文章主要為大家詳細介紹了如何通過Vue實現(xiàn)預覽文件(Word/Excel/PDF)的功能，文中的實現(xiàn)步驟講解詳細，需要的小伙伴可以參考一下2023-03-03