uni-app使用uni.navigateTo傳遞對象參數(shù)示例代碼
更新時間：2023年11月16日 15:32:43 作者：Bonsoir777
最近在做微信小程序用的是uniapp開發(fā)的,自己記錄一下,也和大家分享一下,這篇文章主要給大家介紹了關于uni-app使用uni.navigateTo傳遞對象參數(shù)的相關資料,需要的朋友可以參考下
一、傳遞一般參數(shù)
const index = 1;
uni.navigateTo({
url: `../address/address?key=${index}`
})二、傳遞對象參數(shù)
1.傳遞參數(shù)
// 跳轉(zhuǎn)到訂單詳情頁面
toOrder(item) {
// console.log(item.hpv_id, 'hpv_id')
uni.navigateTo({
url: '../hpvOrder-detail/hpvOrder-detail?key=' + encodeURIComponent(JSON.stringify(item))
})
}2.接收參數(shù)
navigateTo進行頁面?zhèn)鬟f參數(shù)，在下一個頁面接收數(shù)據(jù)，一般在在onLoad鉤子函數(shù)中獲取
onLoad(e) {
this.detail = JSON.parse(decodeURIComponent(e.key));
console.log(this.detail)
}附：多個對象的傳遞
index頁面?zhèn)鬟f：
uni.navigateTo({
url: '/pages/setSeal/index?seal=' + encodeURIComponent(JSON.stringify(seal)) + '&cStorageModel' + encodeURIComponent(JSON.stringify(cStorageModel))
});home頁面接收：
onLoad(option){
this.pageModel.sealAuth = JSON.parse(decodeURIComponent(option.sealAuth));
this.pageModel.cStorageModel = JSON.parse(decodeURIComponent(option.cStorageModel));
},總結(jié)
到此這篇關于uni-app使用uni.navigateTo傳遞對象參數(shù)的文章就介紹到這了,更多相關uni.navigateTo傳遞對象參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
XML+XSL 與 HTML 兩種方案的結(jié)合...2007-04-04
這篇文章主要介紹了JavaScript防止全局變量污染的方法,結(jié)合實例形式較為詳細的總結(jié)分析了JavaScript防止全局變量污染的常用操作技巧與注意事項,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)表單驗證源碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
登錄頁面在框架內(nèi)打開，想讓它直接跳出框架打開（這里不是打開新窗口），終于在網(wǎng)上找到了辦法，下面分享給大家2014-09-09
這篇文章主要介紹了CORS與預檢請求，CORS是一套規(guī)范，指導瀏覽器和服務器之間如何進行跨域資源共享，當發(fā)送跨域請求時，瀏覽器會先發(fā)送一個OPTIONS方法的預檢請求。文中介紹的非常詳細，需要的同學可以參考一下2023-04-04
這篇文章主要為大家整理了關于Bootstrap表單的慕課筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03![一個輕量級的XHTML右鍵菜單[支持IE和firefox]](http://img.jbzj.com/images/xgimg/bcimg6.png)
一個輕量級的XHTML右鍵菜單[支持IE和firefox]...2007-01-01
這篇文章主要介紹了js簡單實現(xiàn)點擊左右運動的方法,實例分析了javascript實現(xiàn)左右運動的相關要點與技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
JavaScript實現(xiàn)相冊彈窗功能（zepto.js)
這篇文章主要介紹了JavaScript基于zepto.js實現(xiàn)相冊彈窗功能的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了解決pinyin-pro或pinyin.js庫方法未定義問題的步驟,包括正確下載、放置文件、使用相對路徑引用、檢查路徑及加載順序,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-06-06