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

uniapp+微信小程序監(jiān)聽返回事件

這篇具有很好參考價值的文章主要介紹了uniapp+微信小程序監(jiān)聽返回事件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

代碼附在最后

適用場景:uniapp開發(fā)微信小程序

需求是我點(diǎn)擊列表進(jìn)入數(shù)據(jù)信息的詳情界面,點(diǎn)擊詳情界面的收藏,返回上一界面后,更新列表中的收藏情況。

目錄

一、使用onUnload監(jiān)聽頁面卸載

二、使用getCurrentPages()獲取當(dāng)前頁面棧所有的實(shí)例,并找到上一界面的實(shí)例進(jìn)行數(shù)據(jù)修改


一、使用onUnload監(jiān)聽頁面卸載

一開始我使用的是onBackPress(),但是這個方法在微信小程序中根本不生效,后來查看官網(wǎng)才發(fā)現(xiàn)這個方法只適用于:app、h5和支付寶小程序

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序

而微信小程序如果觸發(fā)返回按鈕,怎么進(jìn)行監(jiān)聽呢?

需要使用uniapp官網(wǎng)中寫的onUnLoad()方法 點(diǎn)擊這里進(jìn)行查看

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序運(yùn)用到實(shí)際情況中:

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序

當(dāng)觸發(fā)左上角的返回按鈕時,控制臺也進(jìn)行了打印。

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序

二、使用getCurrentPages()獲取當(dāng)前頁面棧所有的實(shí)例,并找到上一界面的實(shí)例進(jìn)行數(shù)據(jù)修改

那么,可以開始在這個方法里邊進(jìn)行修改上一個界面的數(shù)據(jù)信息。

需要根據(jù)getCurrentPages()獲取當(dāng)前頁面棧上所有的實(shí)例列表

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序具體代碼:

onUnload() {
	let pages = getCurrentPages();//獲取所有界面棧的實(shí)例列表
	console.log(pages)
	let prePage = pages[0];//上一個界面的實(shí)例
	console.log(prePage)
	//判斷當(dāng)前數(shù)據(jù)信息有沒有更改,如果值為true,說明用戶更改了數(shù)據(jù)信息,上一界面則需要更新
	if(this.scqk){
	    //需要修改的上一個界面的信息,可以在此處進(jìn)行更改
		console.log(prePage.$vm.searchData);
	}
},

小程序監(jiān)聽返回,微信小程序,uniapp,uni-app,微信小程序,小程序文章來源地址http://www.zghlxwxcb.cn/news/detail-762686.html

到了這里,關(guān)于uniapp+微信小程序監(jiān)聽返回事件的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • uni-app微信小程序,在頁面頂部添加返回按鍵,返回上一個頁面

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

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

    2024年02月12日
    瀏覽(26)
  • uni-app 返回上一個頁面并傳遞參數(shù)(微信小程序)

    uni-app 返回上一個頁面并傳遞參數(shù)(微信小程序)

    方法一 問題: 會記住每次返回. 并在下次獲取參數(shù)時把所有的返回監(jiān)聽進(jìn)行 全部返回 ( 不確定別人使用時是否會出現(xiàn)此問題 ) 打印示例結(jié)果如下: 打印說明: 獲取用戶信息1: 為每次進(jìn)入第二個頁面 (onload) 請求的數(shù)據(jù) 監(jiān)聽到事件來自返回的參數(shù): 為第一個頁面監(jiān)聽獲取的數(shù)據(jù) 方

    2024年02月09日
    瀏覽(28)
  • 基于uni-app的微信小程序Map事件穿透處理

    業(yè)務(wù)需要在微信小程序中使用地圖組件,上面需要有點(diǎn)位及點(diǎn)位的交互,同時地圖上也會有一些懸浮的按鈕、彈窗之類的。在微信小程序2.8.x的版本之后,地圖這種原生組件是支持同層渲染的,也就是可以通過樣式控制層級。在開發(fā)者工具中表現(xiàn)正常,但是上了真機(jī)后會發(fā)現(xiàn)點(diǎn)

    2024年02月11日
    瀏覽(54)
  • uni-app的Vue.js實(shí)現(xiàn)微信小程序的緊急事件登記頁面功能

    uni-app的Vue.js實(shí)現(xiàn)微信小程序的緊急事件登記頁面功能

    主要功能實(shí)現(xiàn)? 完成發(fā)生時間選擇功能,用戶可以通過日期選擇器選擇事件發(fā)生的時間。 實(shí)現(xiàn)事件類型選擇功能,用戶可以通過下拉選擇框選擇事件的類型。 添加子養(yǎng)殖場編號輸入框,用戶可以輸入與事件相關(guān)的子養(yǎng)殖場編號。 完成事件描述輸入功能,用戶可以通過文本輸

    2024年02月12日
    瀏覽(30)
  • uniapp 之 uniapp的返回事件 onBackPress 在微信小程序中不生效的問題

    uniapp 之 uniapp的返回事件 onBackPress 在微信小程序中不生效的問題

    使用 uniapp 開發(fā)微信小程序 頁面中點(diǎn)擊左上角的返回按鈕,監(jiān)聽返回操作,頁面返回前執(zhí)行了一些操作, uniapp 頁面生命周期中有 onBackPress ,因此將操作寫在了 onBackPress () 頁面生命周期鉤子當(dāng)中, H5 測試一切正常,但是微信開發(fā)工具中調(diào)試的時候發(fā)現(xiàn)沒有執(zhí)行 原因 : uniapp的onBackPre

    2024年02月11日
    瀏覽(19)
  • uniapp學(xué)習(xí)之【uniapp的返回事件 onBackPress 在微信小程序中不生效的問題】

    uniapp學(xué)習(xí)之【uniapp的返回事件 onBackPress 在微信小程序中不生效的問題】

    uniapp 的返回事件 onBackPress 在微信小程序中不生效的問題 場景 :頁面中點(diǎn)擊左上角的返回按鈕,監(jiān)聽返回操作,頁面返回前執(zhí)行了一些操作, uniapp 頁面生命周期中有 onBackPress ,因此將操作寫在了 onBackPress () 頁面生命周期鉤子當(dāng)中, H5 測試一切正常,但是微信開發(fā)工具中調(diào)試的時候

    2024年02月16日
    瀏覽(22)
  • 【uni-app】UniApp實(shí)現(xiàn)微信小程序中撥打手機(jī)電話和長按加微信客服好友(完整代碼示例)

    UniApp實(shí)現(xiàn)微信小程序中撥打手機(jī)電話和長按加微信客服好友(完整代碼示例)

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

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

    2024年02月11日
    瀏覽(22)
  • uni-app:監(jiān)聽數(shù)據(jù)變化(watch監(jiān)聽、@input事件)

    方法一:文本框監(jiān)聽,使用 @input 事件 方法二:使用watch監(jiān)聽屬性(很好解決了文本框中數(shù)據(jù)非手輸時監(jiān)聽不到數(shù)據(jù)變化)

    2024年02月10日
    瀏覽(18)
  • 微信小程序——事件監(jiān)聽

    微信小程序是一種輕量級的應(yīng)用程序,它在移動設(shè)備上提供了豐富的用戶體驗(yàn)。在開發(fā)微信小程序時,事件監(jiān)聽是一項(xiàng)重要的技術(shù),它允許開發(fā)者捕捉和處理用戶的各種操作。本文將介紹微信小程序事件監(jiān)聽的概念、用法和一些實(shí)用示例。 在微信小程序中,事件監(jiān)聽是一種機(jī)

    2024年02月08日
    瀏覽(29)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包