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

uniapp開發(fā)小程序,當(dāng)二級(jí)頁面返回一級(jí)頁面時(shí),觸發(fā)一級(jí)頁面的事件或者更新一級(jí)頁面的某項(xiàng)數(shù)據(jù)

這篇具有很好參考價(jià)值的文章主要介紹了uniapp開發(fā)小程序,當(dāng)二級(jí)頁面返回一級(jí)頁面時(shí),觸發(fā)一級(jí)頁面的事件或者更新一級(jí)頁面的某項(xiàng)數(shù)據(jù)。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

二級(jí)頁面觸發(fā)一級(jí)頁面:

二級(jí)頁面代碼:

uni.navigateBack({
			delta: 1,
			success() {
				const pages = getCurrentPages();
				const targetPage = pages[0];
				targetPage.$vm.addJournalState=true
	}
})

有人部分博客獲取上一頁信息是通過這樣獲取的:var targetPage = pages[pages.length - 2],我這樣獲取顯示undefined,大家可以把a(bǔ)ges打印一下,看看內(nèi)容,然后自行選擇

注解:

getCurrentPages()方法來獲取當(dāng)前頁面棧

$vm是指Vue組件實(shí)例

一級(jí)頁面代碼:

		onShow() {
			setTimeout(() => {
				if (this.addJournalState) {
                    // 重新獲取數(shù)據(jù)
					this.upJournal()
					this.addJournalState = false
				}
			}, 100)
		}

每次頁面切換就會(huì)判斷一下,如何是指定二級(jí)頁面返回過來,會(huì)將狀態(tài)設(shè)置為ture,就會(huì)執(zhí)行代碼重新獲取數(shù)據(jù),其他則不會(huì)

注解:

使用setTimeout的原因是因?yàn)榇_認(rèn)一級(jí)頁面addJournalState狀態(tài)已經(jīng)被修改

頁面跳轉(zhuǎn)傳遞傳參

跳轉(zhuǎn)頁:

uni.navigateTo({
			url: '/pages/material/purchaseDetails?data=' + encodeURIComponent(JSON
							.stringify(argumentAll))
})

接受頁:

onLoad(options) {
			// 獲取頁面?zhèn)鬟f的對象參數(shù)
			const data = JSON.parse(decodeURIComponent(options.data));
			this.dataObj = data
}

注解:

encodeURIComponent 是 JavaScript 中的一個(gè)函數(shù),用于對 URI(統(tǒng)一資源標(biāo)識(shí)符)中的特殊字符進(jìn)行編碼。它將指定的字符串作為參數(shù),并返回一個(gè)新的字符串,其中包含了經(jīng)過編碼的特殊字符

decodeURIComponent 是 JavaScript 中的一個(gè)函數(shù),用于解碼經(jīng)過 encodeURIComponent 編碼的 URI(統(tǒng)一資源標(biāo)識(shí)符)字符串。它將編碼后的字符串作為參數(shù),并返回一個(gè)新的字符串?

轉(zhuǎn)發(fā)功能?

效果圖:

uniapp開發(fā)小程序,當(dāng)二級(jí)頁面返回一級(jí)頁面時(shí),觸發(fā)一級(jí)頁面的事件或者更新一級(jí)頁面的某項(xiàng)數(shù)據(jù),wx小程序,uniapp全棧,uni-app,小程序,前端

轉(zhuǎn)發(fā)功能:?

<template>
  <view class="container">
    <button class="share-btn" open-type="share">轉(zhuǎn)發(fā)</button>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onShareAppMessage() {
    return {
      title: '這是分享的標(biāo)題',
      path: '/pages/index/index',
      imageUrl: '/static/share.jpg'
    }
  },
};
</script>

<style scoped>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.share-btn {
  width: 200rpx;
  height: 80rpx;
  background-color: #007aff;
  color: #ffffff;
  border-radius: 40rpx;
  font-size: 32rpx;
  line-height: 80rpx;
  text-align: center;
}
</style>

注解:

open-type="share"表示將該按鈕設(shè)置為小程序默認(rèn)的分享按鈕。

onShareAppMessage()是小程序提供的一個(gè)生命周期函數(shù),當(dāng)用戶點(diǎn)擊分享按鈕時(shí)會(huì)自動(dòng)調(diào)用該函數(shù),并且根據(jù)該函數(shù)返回的分享內(nèi)容進(jìn)行分享

title屬性,表示小程序分享的標(biāo)題,這里設(shè)置為“這是分享的標(biāo)題”。

path屬性,表示小程序分享的路徑,這里設(shè)置為小程序首頁的路徑/pages/index/index

imageUrl屬性,表示小程序分享時(shí)的封面圖,這里設(shè)置為靜態(tài)資源目錄下的一張圖片。文章來源地址http://www.zghlxwxcb.cn/news/detail-521222.html

到了這里,關(guān)于uniapp開發(fā)小程序,當(dāng)二級(jí)頁面返回一級(jí)頁面時(shí),觸發(fā)一級(jí)頁面的事件或者更新一級(jí)頁面的某項(xiàng)數(shù)據(jù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

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

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

    代碼附在最后 適用場景: uniapp開發(fā)微信小程序 需求是我點(diǎn)擊列表進(jìn)入數(shù)據(jù)信息的詳情界面,點(diǎn)擊詳情界面的收藏,返回上一界面后,更新列表中的收藏情況。 目錄 一、使用onUnload監(jiān)聽頁面卸載 二、使用getCurrentPages()獲取當(dāng)前頁面棧所有的實(shí)例,并找到上一界面的實(shí)例進(jìn)行數(shù)

    2024年02月04日
    瀏覽(30)
  • 微信小程序一對多個(gè)頁面間傳遞數(shù)據(jù)進(jìn)行通信,事件觸發(fā)的實(shí)現(xiàn)方法

    在有些場景下,使用組件間通信或者組件和頁面間通信并不可行。比如我需要只有一個(gè)websocket實(shí)例,并且需要向多個(gè)頁面?zhèn)鬟f我接收到的消息。 下面的方法是一個(gè)頁面向其它頁面(觸發(fā)事件)傳遞數(shù)據(jù),其它頁面也可以向這個(gè)頁面?zhèn)鬟f數(shù)據(jù)。也就是可以互相傳遞。 缺點(diǎn)是,

    2024年02月07日
    瀏覽(23)
  • 小程序內(nèi)嵌H5頁面監(jiān)聽小程序的返回事件

    因?yàn)闃I(yè)務(wù)上有需求,在開發(fā)小程序的時(shí)候有些頁面要使用web-view組件嵌套H5頁面 有個(gè)頁面內(nèi)有個(gè)表單,在表單內(nèi)容還為填寫完成的時(shí)候,監(jiān)聽用戶點(diǎn)擊左上角返回事件,彈出一個(gè)提示框,因?yàn)镠5頁面在小程序中的層級(jí)很高,所以彈出提示框只能在H5頁面內(nèi)完成,因此要在H5頁面

    2024年02月11日
    瀏覽(29)
  • 【微信小程序】使用全局事件實(shí)現(xiàn)在不同頁面之間共享數(shù)據(jù)或觸發(fā)特定的操作

    在微信小程序中,你可以使用全局事件來實(shí)現(xiàn)在不同頁面之間共享數(shù)據(jù)或觸發(fā)特定的操作。以下是一個(gè)示例代碼: 在app.js文件中,定義全局事件: 在上述代碼中,我們在App對象中定義了globalData對象,用于存儲(chǔ)全局?jǐn)?shù)據(jù)。同時(shí),我們定義了onLaunch方法,在小程序初始化時(shí)執(zhí)行

    2024年02月16日
    瀏覽(29)
  • uniapp嵌套webview,無法返回上一級(jí)?

    場景: 進(jìn)入首頁,自動(dòng)跳轉(zhuǎn)第三方應(yīng)用 遇到問題 在設(shè)備上運(yùn)行時(shí),無法回退上一級(jí),直接退出應(yīng)用了; 預(yù)期:一級(jí)級(jí)的返回頁面; 解決方式 個(gè)人想到臨時(shí)解決方式,歡迎老鐵們可以分享其他方式 進(jìn)入首頁 index ,不要先加載 web-view 新建頁面,例 webview.vue 方式一 例:安卓

    2024年01月22日
    瀏覽(17)
  • uniapp微信小程序 頁面返回使用navigateBack,返回后頁面不刷新問題解決方案

    嘗試了眾多方法,比如vuex,本地緩存,都不行 1,如果是頁面之間的跳轉(zhuǎn) 可以使用onShow生命周期請求數(shù)據(jù) 2,組件之間的跳轉(zhuǎn),使用redirectTo,通過關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到指定頁面再加載,這種適合二級(jí)頁面到三級(jí)頁面數(shù)據(jù)不更新問題 3,當(dāng)一級(jí)頁面使用了某個(gè)組件,組件內(nèi)跳轉(zhuǎn)

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

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

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

    2024年02月16日
    瀏覽(21)
  • 微信小程序中 使用swiper 滑動(dòng)切換一級(jí)、二級(jí)導(dǎo)航

    微信小程序中 使用swiper 滑動(dòng)切換一級(jí)、二級(jí)導(dǎo)航

    其中遇到一個(gè)大問題使我放棄了swiper的使用,swiper有一個(gè)固定高度不太好處理,最終使用了touch事件去處理觸摸移動(dòng),之后會(huì)再寫一篇文章記錄,處理不復(fù)雜的話還是可以用swiper的 效果根據(jù)手指滑動(dòng)切換二級(jí)導(dǎo)航、二級(jí)切換完成切換一級(jí)導(dǎo)航 ? 其中遇到一個(gè)大問題使我放棄了

    2024年02月17日
    瀏覽(23)
  • uniapp開發(fā)小程序—picker結(jié)合后臺(tái)數(shù)據(jù)實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)的選擇

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包