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

uni-app:切換頁(yè)面刷新,返回上一頁(yè)刷新(onShow鉤子函數(shù)的使用)

這篇具有很好參考價(jià)值的文章主要介紹了uni-app:切換頁(yè)面刷新,返回上一頁(yè)刷新(onShow鉤子函數(shù)的使用)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

切換頁(yè)面刷新:通過(guò)onShow()便可實(shí)現(xiàn)

返回上一頁(yè)通過(guò)uni.navigateBack({delta: 1});實(shí)現(xiàn)

以返回上一頁(yè)刷新為例

從B頁(yè)面返回上一頁(yè)到A頁(yè)面

在A頁(yè)面寫入方法refreshHandler()
methods: {	
    // 執(zhí)行刷新邏輯
	refreshHandler() {
		uni.request({
			url: getApp().globalData.position + 'Produce/select_producting',
			data: {
				username: getApp().globalData.username
			},
			header: {
				"Content-Type": "application/x-www-form-urlencoded"
			},
			method: 'POST',
			dataType: 'json',
			success: res => {
				this.info = res.data.info;
			},
			fail(res) {
				console.log("查詢失敗")
			}
		})
	}
},
在A頁(yè)面寫入onLoad(),onShow()

?onLoad():首次進(jìn)入頁(yè)面時(shí)執(zhí)行的方法,這里直接引入refreshHandler() 可以直接查詢到頁(yè)面數(shù)據(jù)

onShow():進(jìn)入頁(yè)面執(zhí)行的方法,主要切換到本頁(yè)面就會(huì)執(zhí)行該方法,這里也是直接引入refreshHandler()函數(shù),可以在每次進(jìn)入頁(yè)面時(shí),執(zhí)行數(shù)據(jù)刷新(寫入onShow(),便可解決進(jìn)入頁(yè)面不刷新的問(wèn)題,返回上一頁(yè)刷新的問(wèn)題也會(huì)解決)

//剛進(jìn)入頁(yè)面執(zhí)行的操作
onLoad() {
	this.refreshHandler()
},
//進(jìn)入頁(yè)面這行的操作
onShow() {
	this.refreshHandler()		
}
在B頁(yè)面執(zhí)行返回A頁(yè)面的操作
methods: {
    is_back(e) {
	    console.log('返回')
	    uni.showToast({
		    title: '成功',
	    })
	    setTimeout(function() {
		    //返回上一頁(yè)
		    uni.navigateBack({
		        delta: 1,
		    });
	    }, 500)
    },
},

核心

uni.navigateBack({
????????delta: 1,
?});

這段代碼的作用是返回上一個(gè)頁(yè)面,delta參數(shù)指定了返回的層數(shù)。在這里,delta為1表示返回上一層(即當(dāng)前頁(yè)面的前一個(gè)頁(yè)面)。

注:uni.navigateBack函數(shù)是由uni-app框架提供的,用于在多頁(yè)面應(yīng)用中返回上一個(gè)頁(yè)面。它類似于瀏覽器的后退按鈕功能。

如果你希望執(zhí)行該函數(shù)后刷新上一個(gè)頁(yè)面,你可以使用下面的方式:

當(dāng)成功返回上一個(gè)頁(yè)面后,會(huì)調(diào)用上一個(gè)頁(yè)面的onLoad生命周期函數(shù)進(jìn)行刷新操作。

uni.navigateBack({
? ? delta: 1,
? ? success: function () {
? ? ? ? const pages = getCurrentPages(); //獲取當(dāng)前頁(yè)面棧
? ? ? ? const prevPage = pages[pages.length - 1]; //獲取上一個(gè)頁(yè)面實(shí)例對(duì)象
? ? ? ? prevPage.onLoad(); //調(diào)用上一個(gè)頁(yè)面的onLoad方法
? ? }
});
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-612168.html

到了這里,關(guān)于uni-app:切換頁(yè)面刷新,返回上一頁(yè)刷新(onShow鉤子函數(shù)的使用)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • uni-app的頁(yè)面的生命周期:onLoad、onShow、onReady

    uni-app的頁(yè)面的生命周期:onLoad、onShow、onReady

    ? onLoad:頁(yè)面加載了,在onLoad中發(fā)送請(qǐng)求是比較合適的,即頁(yè)面一加載就發(fā)送請(qǐng)求獲取數(shù)據(jù)。 onShow:頁(yè)面顯示了,會(huì)觸發(fā)多次,只要頁(yè)面隱藏,然后再顯示出來(lái)都會(huì)觸發(fā)。這里會(huì)重復(fù)觸發(fā),如果你重復(fù)發(fā)送請(qǐng)求不合適。 onReady:頁(yè)面初次渲染完成了,但是渲染完成了,你才發(fā)送請(qǐng)

    2024年02月11日
    瀏覽(24)
  • vue/uniapp - 返回上一頁(yè)并onLoad/onShow刷新數(shù)據(jù)列表接口

    在uni中,返回頁(yè)面是不會(huì)觸發(fā) onLoad 方法的; 如果我們只想在特定情況下返回上一頁(yè)才需要刷新數(shù)據(jù),那么用 onShow 的話,那刷新就太頻繁了; 這時(shí)候,可以用 $emit 和 $on 去解決。 比如說(shuō),從詳情頁(yè)(detail.vue) 回到 列表頁(yè)(list.vue): 進(jìn)入的頁(yè)面 給大佬暴贊????????????

    2024年02月04日
    瀏覽(28)
  • uni-app -移動(dòng)端H5小程序 關(guān)閉當(dāng)前頁(yè),返回上一頁(yè)并調(diào)用上一頁(yè)的方法

    uni-app -移動(dòng)端H5小程序 關(guān)閉當(dāng)前頁(yè),返回上一頁(yè)并調(diào)用上一頁(yè)的方法

    ????? 作者簡(jiǎn)介:程序員半夏 , 一名全棧程序員,擅長(zhǎng)使用各種編程語(yǔ)言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.專注于大前端與后端的硬核干貨分享,同時(shí)是一個(gè)隨緣更新的UP主. 你可以在各個(gè)平臺(tái)找到我! ?? 本文收錄于專欄: uniapp踩坑指南 ?? 專欄介紹

    2024年02月05日
    瀏覽(30)
  • uni-app:刷新當(dāng)前頁(yè)面

    執(zhí)行這三行代碼就可以實(shí)現(xiàn)uniapp刷新當(dāng)前頁(yè)面。不論是tabbar還是page頁(yè)面 * * * * * * * * * * * * * * * *

    2024年02月11日
    瀏覽(22)
  • uni-app:單頁(yè)面的頁(yè)面切換
  • uni-app 如何返回到指定的頁(yè)面

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

    2024年01月18日
    瀏覽(20)
  • uni-app小程序刷新當(dāng)前頁(yè)面的兩種方法

    方法一 wx.relaunch來(lái)刷新當(dāng)前頁(yè)面,頁(yè)面會(huì)被重載,若路由攜帶參數(shù)需自行拼接,方法如下 (如果用電腦打開小程序,該方法有bug) 上面是獲取頁(yè)面路由和參數(shù)的方法,具體使用如下 方法二(推薦) 通過(guò)獲取該頁(yè)面實(shí)例執(zhí)行其內(nèi)部的生命周期方法來(lái)刷新頁(yè)面

    2024年02月12日
    瀏覽(37)
  • uni-app: onBackPress() 監(jiān)聽頁(yè)面返回 - 更新數(shù)據(jù)

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

    2024年02月11日
    瀏覽(22)
  • uni-app微信小程序,在頁(yè)面頂部添加返回按鍵,返回上一個(gè)頁(yè)面

    uni-app微信小程序,在頁(yè)面頂部添加返回按鍵,返回上一個(gè)頁(yè)面

    1.示例: 2.實(shí)現(xiàn)方式: 在page.json文件中的style里添加如下代碼: 3.tips: 在page.json中的頁(yè)面順序就是小程序加載過(guò)程中的頁(yè)面順序

    2024年02月12日
    瀏覽(26)
  • 1、其他頁(yè)面返回tabBar頁(yè)面不刷新(onLoad,onShow,onTabItemTap)

    原因:在onLoad里修改數(shù)據(jù),但是onLoad 首次進(jìn)入頁(yè)面觸發(fā),只觸發(fā)一次 解決方法:在onShow里修改數(shù)據(jù),onShow每次打開頁(yè)面都會(huì)調(diào)用一次 拓展:onTabItemTap()在 tabbar 切換時(shí)觸發(fā)。

    2024年02月04日
    瀏覽(20)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包