微信小程序返回上一頁刷新組件數(shù)據(jù)的示例代碼
更新時間：2024年03月11日 10:23:24 作者：迪盧克的現(xiàn)任
這篇文章主要介紹了微信小程序返回上一頁刷新組件數(shù)據(jù)的相關(guān)資料,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧
微信小程序返回上一頁刷新組件數(shù)據(jù)
在父頁面的onShow和onHide里面添加一個標志
onShow() {
this.setData({
show:true
})
},
onHide() {
this.setData({
show:false
})
},把這個值傳給子組件
<importantList slot="importantConcern" flag="{{barSelect}}" flag2="{{show}}" />在子組件的properties方法里面進行判斷當flag2為true的時候調(diào)用刷新函數(shù)刷新
properties: {
flag: {
type: String,
observer: function(news) {
if(news==='importantConcern'){
this.getnewTablist(this.data.code)
}
}
},
flag2: {
type: String,
observer: function(news) {
if(news==='true'&&news==='importantConcern'){
this.getnewTablist(this.data.code)
}
}
},
},補充：
微信小程序返回上一級頁面并自動刷新數(shù)據(jù)
前言
界面由A到B，在由B返回A，觸發(fā)刷新動作
一、獲取小程序棧
界面A代碼
shuaxin(){
//此處可進行接口請求從而實現(xiàn)更新數(shù)據(jù)的效果
console.log("刷新本頁面數(shù)據(jù)啦")
},界面B代碼
// 返回觸發(fā)事件上
// Taro代碼為例
goBack(){
let pages = Taro.getCurrentPages(); //獲取小程序頁面棧
let beforePage = pages[pages.length -2]; //獲取上個頁面的實例對象
beforePage.shuaxin(); //觸發(fā)上個頁面自定義的shuaxin方法
wx.navigateBack({ //返回上一頁
delta:1
})
},二、生命周期觸發(fā)
代碼如下（示例）：
componentDidShow (){}在小程序環(huán)境中對應(yīng)頁面的 onShow。
頁面顯示/切入前臺時觸發(fā)。
總結(jié)
到此這篇關(guān)于微信小程序返回上一頁刷新組件數(shù)據(jù)的文章就介紹到這了,更多相關(guān)微信小程序返回上一頁刷新組件數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
小程序數(shù)據(jù)緩存機制應(yīng)用實現(xiàn)
這篇文章主要介紹了小程序數(shù)據(jù)緩存機制應(yīng)用實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
javascript實現(xiàn)的字符串轉(zhuǎn)換成數(shù)組操作示例
這篇文章主要介紹了javascript實現(xiàn)的字符串轉(zhuǎn)換成數(shù)組操作,涉及javascript字符串與數(shù)組相互轉(zhuǎn)換、以及數(shù)組反轉(zhuǎn)相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章介紹了javascript實現(xiàn)yield的方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了js數(shù)組去重的5種算法實現(xiàn)，詳細解釋了實現(xiàn)思路，以及每個算法的優(yōu)缺點，感興趣的小伙伴們可以參考一下2015-11-11
保證JavaScript和Asp、Php等后端程序間傳值編碼統(tǒng)一
在WEB開發(fā)過程中，前后端要求數(shù)據(jù)編碼一致的處理是經(jīng)常會碰到的！2009-04-04
reduce方法在數(shù)組的每個元素上執(zhí)行用戶提供的回調(diào)函數(shù),即"reducer",它傳入對前一個元素進行計算的返回值,結(jié)果是單個值,它是在數(shù)組的所有元素上運行reducer的結(jié)果,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組reduce常見實例方法的相關(guān)資料,需要的朋友可以參考下2022-05-05
本篇文章主要介紹了微信小程序模擬 cookie的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
JavaScript中防抖和節(jié)流的區(qū)別及適用場景
這篇文章主要介紹了JavaScript中防抖和節(jié)流的區(qū)別及適用場景，文章通過圍繞主題的相關(guān)資料展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-05-05
這篇文章主要介紹了javascript禁止超鏈接跳轉(zhuǎn)的方法,結(jié)合實例分析了JavaScript事件機制與鼠標事件的響應(yīng)操作技巧,需要的朋友可以參考下2016-02-02
微信小程序使用wx.navigateTo路由跳轉(zhuǎn)層級限制問題小結(jié)
在微信小程序開發(fā)中,wx.navigateTo和wx.redirectTo是兩種頁面跳轉(zhuǎn)方式,wx.navigateTo允許跳轉(zhuǎn)到新頁面并保留當前頁面,適合需要返回的場景,但受頁面棧10層限制,wx.redirectTo則關(guān)閉當前頁面后跳轉(zhuǎn),本文介紹微信小程序使用wx.navigateTo路由跳轉(zhuǎn)層級限制問題2024-10-10