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