国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uni-app小程序uni.navigateBack返回上一個頁面并傳遞參數(shù).返回上個頁面并刷新

這篇具有很好參考價值的文章主要介紹了uni-app小程序uni.navigateBack返回上一個頁面并傳遞參數(shù).返回上個頁面并刷新。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

返回上一個打開的頁面并傳遞一個參數(shù)。有種辦法就是使用

假如從B頁面返回A頁面:

var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一個頁面
prevPage.setData({
mdata:1
})

經(jīng)過測試,在uni.app中使用B頁面使用setData設(shè)置A頁面參數(shù)無法實現(xiàn)(應(yīng)該是被更改為常量屬性了)。
打印console.log(prevPage)前一頁面對象可得:

uni.navigateback刷新數(shù)據(jù),uni-app,uni-app,小程序,javascript

方法1:我們可以使用A頁面原有方法
B頁面?zhèn)鬟f:

var object={
sx1:"參數(shù)1",
sx2:"參數(shù)2",
}
prevPage.onShow(object);
uni.navigateBack();

A頁面接收參數(shù):

onShow(object){
if(!!object){
console.log(object)
}
}

方法2:A頁面自定義方法接收參數(shù)

B頁面?zhèn)鬟f:

var object={
sx1:"參數(shù)1",
sx2:"參數(shù)2",
}
prevPage.$vm.otherFun(object);//重點$vm
uni.navigateBack();

A頁面接收參數(shù):

otherFun(object){
if(!!object){
console.log(object)
}
}

如果使用uni.navigateBack該怎么傳值呢

uni. e m i t ( ) 傳值和 u n i . emit()傳值和uni. emit()傳值和uni.on()接收

B頁面返回A頁面
B頁面:

uni.$emit('update',{msg:'頁面更新'})

uni.navigateBack({
delta: 1
});

A頁面:

onShow(){
uni.$on('update', function(e){
console.log('監(jiān)聽到事件來自 update ,攜帶參數(shù) msg 為:'+e)
})
},
  • 注意接收的寫在onShow里面。寫在onload是不會執(zhí)行的。

返回上個頁面讓他重新執(zhí)行onLoad里面的方法:(這種方法不適用于傳遞參數(shù)的頁面,因為返回的時候那個option是獲取不到的)文章來源地址http://www.zghlxwxcb.cn/news/detail-563729.html

 uni.navigateBack({
                            delta: 2,
                            success: () => {
                                let page = getCurrentPages().pop(); //跳轉(zhuǎn)頁面成功之后
                                if (page) {
                                    let e = {};
                                    page.onLoad(e); //執(zhí)行上個頁面的方法

                                }
                            }

                        })

到了這里,關(guān)于uni-app小程序uni.navigateBack返回上一個頁面并傳遞參數(shù).返回上個頁面并刷新的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • uni-app返回上一個頁面并進行頁面刷新

    uni-app返回上一個頁面并進行頁面刷新

    適用兩個不同的頁面跳轉(zhuǎn),返回上一個頁面保存并刷新修改后的數(shù)據(jù)(也解決了uni-app的navigateBack返回不刷新的方法之一) 當前頁: 上一頁: 思路: 1、用getCurrentPages()獲取打開的頁面 2、保存當前頁面和上一個頁面 提示:不確定是不是從當前頁跳轉(zhuǎn)到上一頁就console.log(pages[pa

    2024年02月12日
    瀏覽(25)
  • uniapp小程序路由跳轉(zhuǎn),使用uni.navigateBack方法,實現(xiàn)頁面返回上一頁

    在小程序中uni.navigateTo和uni.redirectTo是通過路由拼接的方式傳參 uni.navigateBack() 是一個用于在uni-app中進行頁面后退操作的API。它可以讓你返回到上一個頁面。在給定的示例中,uni.navigateBack() 被調(diào)用并傳入了一個對象作為參數(shù)。該對象具有一個屬性 delta,用于指定要后退的頁面

    2024年04月28日
    瀏覽(23)
  • Uni-app返回上一頁面并攜帶參數(shù)

    目錄 一、前言 二、實現(xiàn)方法 三、遇到的坑 四、事件詳解 一、前言 ????????需要實現(xiàn)這么一個需求:在一個列表頁面,當子頁面直接返回時,不刷新列表頁面。但是當子頁面的數(shù)據(jù)有變動時,需要刷新列表頁面。本篇博客記錄一下我是如何解決這個問題的。 ???????

    2024年02月08日
    瀏覽(22)
  • uni-app 如何返回到指定的頁面

    實際開發(fā)中,發(fā)現(xiàn)了一個問題,即使簽署合同的時候,發(fā)現(xiàn)調(diào)用法大大的頁面,出現(xiàn)了一個問題,就是簽署后,點回退,回退到了重新簽署的頁面。所以需要對回退進行自定義處理。 處理的話,就要到指定的返回頁面。這里還存在不簽署的情況,回退要是原來的頁面。所以要

    2024年01月18日
    瀏覽(20)
  • uni-app: onBackPress() 監(jiān)聽頁面返回 - 更新數(shù)據(jù)

    生命周期 - onBackPress() 監(jiān)聽頁面返回 函數(shù)名 說明 平臺差異說明 onBackPress 監(jiān)聽頁面返回 ,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示來源是左上角返回按鈕或 android 返回鍵;navigateBack表示來源是 uni.navigateBack ;詳細說明及使用:onBackPress 詳解。支付寶小程序只有真機

    2024年02月11日
    瀏覽(22)
  • 微信小程序通過wx.navigateBack實現(xiàn)返回上一個頁面并調(diào)用方法

    需求 從A頁面跳到B頁面,B頁面執(zhí)行完所有步驟后返回A頁面并調(diào)用A頁面的方法 實現(xiàn)方法 主要用到 wx.navigateBack 和 wx.navigateTo 兩個路由跳轉(zhuǎn)方法,從A跳向B需要使用 wx.navigateTo ( 千萬不能使用wx.redirectTo,這個跳轉(zhuǎn)后頁面就會銷毀,無法通過wx.navigateBack返回 ) 參考文檔 小程序官方對路

    2024年02月15日
    瀏覽(26)
  • uni-app:切換頁面刷新,返回上一頁刷新(onShow鉤子函數(shù)的使用)

    切換頁面刷新:通過onShow()便可實現(xiàn) 返回上一頁通過uni.navigateBack({delta: 1});實現(xiàn) 以返回上一頁刷新為例 在A頁面寫入方法refreshHandler() 在A頁面寫入onLoad(),onShow() ?onLoad(): 首次進入頁面時執(zhí)行的方法,這里直接引入refreshHandler() 可以直接查詢到頁面數(shù)據(jù) onShow(): 進入頁面執(zhí)行

    2024年02月15日
    瀏覽(79)
  • uniapp刷新頁面后使用uni.navigateBack()無法返回上個頁面

    uniapp刷新頁面后使用uni.navigateBack()無法返回上個頁面

    最近寫uniapp項目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù),我是用h5強制刷新頁面后就無法返回上一個頁面,查了文檔后發(fā)現(xiàn)是頁面棧丟失問題。百度看了很多大佬們的方法,方法基本一致,使用原生JS的history對象,封裝一個兼容uniapp api和原生js的返回的方法。在此記錄一下 方法

    2024年02月15日
    瀏覽(18)
  • 【uni-app】uni-app實現(xiàn)聊天頁面功能(小程序)——布局篇

    【uni-app】uni-app實現(xiàn)聊天頁面功能(小程序)——布局篇

    在工作中使用uni-app參與開發(fā)一個小程序,其中要寫一個簡單的聊天頁面,雖然功能不多(只有一個發(fā)送文字的功能),但是其中的細節(jié)比較多,也踩過很多坑,特此記錄下來。要實現(xiàn)的頁面如圖所示,該篇主要講講如何布局(參考了很多文章之后根據(jù)頁面需求進行一個整合)

    2024年02月05日
    瀏覽(515)
  • uni-app分享小程序頁面

    uni-app分享小程序頁面

    uni-app的小程序頁面默認是不可分享的,點擊頁面右上角按鈕進行分享時會提示:“當前頁面不可轉(zhuǎn)發(fā)/當前頁面不可分享” 打開項目的manifest.json文件,在“App模塊配置”項的“Share(分享)”下,勾選“微信分享”: 在代碼中開啟分享轉(zhuǎn)發(fā)按鈕 再次打開小程序頁面,會發(fā)現(xiàn)已經(jīng)

    2024年02月11日
    瀏覽(25)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包