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

vue/uniapp - 返回上一頁并onLoad/onShow刷新數(shù)據(jù)列表接口

這篇具有很好參考價(jià)值的文章主要介紹了vue/uniapp - 返回上一頁并onLoad/onShow刷新數(shù)據(jù)列表接口。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。


在uni中,返回頁面是不會(huì)觸發(fā) onLoad方法的;

如果我們只想在特定情況下返回上一頁才需要刷新數(shù)據(jù),那么用onShow的話,那刷新就太頻繁了;

這時(shí)候,可以用$emit$on去解決。

比如說,從詳情頁(detail.vue) 回到 列表頁(list.vue):

詳情頁(detail.vue):

進(jìn)入的頁面

<view @click="submitFunc">
	點(diǎn)擊返回列表頁面,并且刷新列表接口
</view>
methods:{
	back() {
		uni.$emit('refreshData');
		uni.navigateBack({
			delta: 1
		})
	},
	submitFunc() {
		// 按鈕點(diǎn)擊返回,調(diào)用back()方法
		this.back();
	}
}

列表頁(list.vue)

onLoad() {
	// 正常進(jìn)入該頁面的獲取數(shù)據(jù)
	this.getData();
	// 從詳情頁返回該頁面的獲取數(shù)據(jù)
	uni.$on('refreshData',() => {
		// 調(diào)用列表接口
		this.getData();
	})
},
methods:{
	// 列表接口
	getData() {
		// 請求數(shù)據(jù)接口
		... ...
	}
}

大佬

給大佬暴贊????????????

大佬地址:https://blog.csdn.net/mossbaoo/article/details/115963129

最后

感覺文章好的話記得點(diǎn)個(gè)心心和關(guān)注和收藏,有錯(cuò)的地方麻煩指正一下,如果需要轉(zhuǎn)載,請標(biāo)明出處,多謝?。?!文章來源地址http://www.zghlxwxcb.cn/news/detail-758965.html

到了這里,關(guān)于vue/uniapp - 返回上一頁并onLoad/onShow刷新數(shù)據(jù)列表接口的文章就介紹完了。如果您還想了解更多內(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)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

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

相關(guān)文章

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

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

    2024年02月15日
    瀏覽(80)
  • uniapp,小程序端返回上一頁并傳遞參數(shù)

    使用場景: 從A頁面跳到B頁面,在數(shù)據(jù)操作后要返回A頁面(使用uni.navigateBack()返回), 要求: 攜帶參數(shù)返回A頁面,不使用鏈接帶參數(shù)返回,不用使用緩存:uni.setStorageSync()儲存數(shù)據(jù)等情況下怎么傳遞參數(shù) 可使用解決方案: 方法一:使用getCurrentPages() 函數(shù)獲取上一頁面棧的

    2024年02月08日
    瀏覽(23)
  • uniapp 之 uniapp 微信小程序項(xiàng)目,返回上一頁,并刷新上一頁的數(shù)據(jù)

    uniapp 微信小程序項(xiàng)目,在某個(gè)頁面執(zhí)行某個(gè)方法后返回上一頁,并刷新上一頁的數(shù)據(jù) 在用戶列表頁面點(diǎn)擊新增按鈕,跳轉(zhuǎn)至新增用戶頁面,新增成功后返回用戶列表頁面,并在頁面中刷新當(dāng)前數(shù)據(jù),要顯示剛剛添加成功的那條數(shù)據(jù) 首先嘗試直接用 uni.navigateTo 跳轉(zhuǎn)回去,但是業(yè)務(wù)需求

    2024年02月11日
    瀏覽(25)
  • uniapp、小程序選擇數(shù)據(jù)后攜帶數(shù)據(jù)返回上一頁且不刷新頁面

    uniapp、小程序選擇數(shù)據(jù)后攜帶數(shù)據(jù)返回上一頁且不刷新頁面

    優(yōu)先推薦方法三 圖示: 從新建線索頁面A跳轉(zhuǎn)到選擇線索頁面B,然后選擇相應(yīng)線索之后再返回新建線索頁面,且原來的表單數(shù)據(jù)不能丟失 方法一:使用uni.$emit ?利用這個(gè)方法可以往uni這個(gè)對象身上添加自定義事件,然后通過uni.$on方法在生命周期onShow里面去觸發(fā)事件,通過觸

    2024年02月15日
    瀏覽(28)
  • 在uniapp vue3 setup語法糖中調(diào)用onLoad、onShow等生命周期

    在uniapp vue3 setup語法糖中調(diào)用onLoad、onShow等生命周期

    從 @dcloudio/uni-app 導(dǎo)出 可導(dǎo)出項(xiàng):

    2024年02月16日
    瀏覽(30)
  • vue返回上一頁自動(dòng)刷新方式

    vue返回上一頁自動(dòng)刷新方式

    再vue中,返回上一頁時(shí):如果頁面是打開的狀態(tài),頁面不會(huì)自動(dòng)刷新,會(huì)保持著上次跳轉(zhuǎn)的狀態(tài)不更新; 原因:vue-router的切換不同于傳統(tǒng)的頁面切換,而是路由之間的切換,其實(shí)就是組件之間的切換,引用相同組件的時(shí)候, 會(huì)直接調(diào)用緩存而不會(huì)調(diào)用created(),mounted()函數(shù)

    2024年02月06日
    瀏覽(16)
  • wx.navigateBack()函數(shù)返回上一頁并傳參

    wx.navigateBack()函數(shù)返回上一頁并傳參

    wx.navigateBack()函數(shù)因?yàn)闆]有URL屬性,所以不能像其他跳轉(zhuǎn)路由的方式一樣在url后面拼接參數(shù),下面是官方文檔給出的傳參方式 官方文檔給出的解釋中,小程序是沒辦法用這個(gè)api進(jìn)行傳參的,但是 文檔中寫到:可以通過**getCurrentPages()**函數(shù)獲取當(dāng)前頁面棧,獲取到的頁面棧數(shù)組

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

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

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

    2024年02月05日
    瀏覽(30)
  • uniapp返回上一頁執(zhí)行上一頁方法

    在使用uniapp的過程中,我相信,我們都一定遇見過如下的場景: 進(jìn)入了一個(gè)列表頁,列表頁進(jìn)入詳情頁,在詳情頁進(jìn)行了一些操作,比如,刪除,修改,編輯,提交,成功之后返回到列表頁,那么這個(gè)時(shí)候,如果我們的列表頁不進(jìn)行數(shù)據(jù)的刷新,就會(huì)給用戶一種錯(cuò)覺,我剛才

    2024年02月16日
    瀏覽(15)
  • onLoad與onShow的區(qū)別

    onLoad 頁面加載時(shí)調(diào)用,可以獲取參數(shù),通過 options 。 onShow 頁面顯示時(shí)調(diào)用。 主要區(qū)別: 從二級頁面返回該頁面時(shí), onLoad 不會(huì)再次加載,而 onshow 會(huì)重新加載。 還有從后臺切換回來也會(huì)觸發(fā)onshow,而不會(huì)觸發(fā)onload 這點(diǎn)很重要: 1、如果加載列表頁,二級頁面對一級的列表頁

    2024年02月11日
    瀏覽(18)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包