微信小程序如何利用getCurrentPages進(jìn)行頁面?zhèn)髦?/h1>
更新時(shí)間:2019年07月01日 11:45:49 作者:晴天丶麻油葉
這篇文章主要介紹了微信小程序如何利用getCurrentPages進(jìn)行頁面?zhèn)髦?文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
最近剛趕完項(xiàng)目,利用空閑時(shí)間總結(jié)一下。
小程序的頁面間傳值 , 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面,在b頁面進(jìn)行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導(dǎo)致storage里面的數(shù)據(jù)非?;靵y過一段時(shí)間鬼知道是什么,操作也麻煩 總之就是略low
后臺研究這個(gè)事 發(fā)現(xiàn)小程序的官方文檔有一個(gè)獲取 獲取當(dāng)前頁面棧。數(shù)組中第一個(gè)元素為首頁,最后一個(gè)元素為當(dāng)前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個(gè)頁面的setData方法 直接操作上個(gè)頁面的數(shù)據(jù)

例如這樣
let pages = getCurrentPages(); // 獲取當(dāng)前頁面棧
let prevPage = pages[pages.length - 2]; // -2 就是你上一頁的數(shù)據(jù) 你上上頁的數(shù)據(jù)就是-3 了以此類推!
// 直接操作上一個(gè)頁面的 index數(shù)據(jù) 之后返回
prevPage.setData({
index:index
},function(){
wx.navigateBack()
})
簡單明了!好用且強(qiáng)大!另外還一個(gè)小技巧吧 在開發(fā)的時(shí)候有一個(gè)這樣的需求 要求后臺生成小程序碼,用微信掃描小程序碼帶參數(shù)進(jìn)入一個(gè)頁面 但是生成的小程序碼是線上的正式版本 但是小程度還沒有上線 沒有辦法調(diào)試 解決方案來了 ,注意,前方高能------------->

自行實(shí)驗(yàn)哦~~~
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
-
javascript 函數(shù)參數(shù)原來是可以有缺省值的
前幾天看 javaEye 時(shí)看到一個(gè)童鞋寫的 getElementsByClassName 函數(shù)。 2010-07-07
-
JavaScript常用標(biāo)簽和方法總結(jié)
JavaScript可以被瀏覽器直接解釋執(zhí)行,它可以更好得減小服務(wù)器壓力,提高程序運(yùn)行效率,下面小編通過本篇文章給大家分享JavaScript常用標(biāo)簽和方法,需要的朋友一起來學(xué)習(xí)吧 2015-09-09
-
JavaScript基于面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播示例
這篇文章主要介紹了JavaScript基于面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播,結(jié)合實(shí)例形式分析了JavaScript面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播相關(guān)對象定義、初始化及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下 2020-01-01
-
淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題
下面小編就為大家分享一篇淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧 2018-02-02
-
詳解JavaScript表單驗(yàn)證(E-mail 驗(yàn)證)
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證,重點(diǎn)介紹了E-mail驗(yàn)證,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下 2016-03-03
-
JavaScript高階函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù),詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法,有興趣的可以了解下 2017-06-06
-
JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實(shí)現(xiàn)代碼,需要的朋友可以參考下 2017-07-07
-
JS 實(shí)現(xiàn)列表與多選框選擇附預(yù)覽動(dòng)畫
本節(jié)為大家介紹的是用JS實(shí)現(xiàn)列表與多選框選擇,并附gif演示動(dòng)畫,這個(gè)例子很詳細(xì),大家可以看看 2014-10-10
-
TypeError: Cannot set properties of 
這篇文章主要介紹了TypeError: Cannot set properties of undefined (setting ‘xx‘)的問題,本文給大家分享完美解決方案,需要的朋友可以參考下 2023-09-09
-
JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧 2016-08-08
最新評論
最近剛趕完項(xiàng)目,利用空閑時(shí)間總結(jié)一下。
小程序的頁面間傳值 , 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面,在b頁面進(jìn)行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導(dǎo)致storage里面的數(shù)據(jù)非?;靵y過一段時(shí)間鬼知道是什么,操作也麻煩 總之就是略low
后臺研究這個(gè)事 發(fā)現(xiàn)小程序的官方文檔有一個(gè)獲取 獲取當(dāng)前頁面棧。數(shù)組中第一個(gè)元素為首頁,最后一個(gè)元素為當(dāng)前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個(gè)頁面的setData方法 直接操作上個(gè)頁面的數(shù)據(jù)
例如這樣
let pages = getCurrentPages(); // 獲取當(dāng)前頁面棧 let prevPage = pages[pages.length - 2]; // -2 就是你上一頁的數(shù)據(jù) 你上上頁的數(shù)據(jù)就是-3 了以此類推! // 直接操作上一個(gè)頁面的 index數(shù)據(jù) 之后返回 prevPage.setData({ index:index },function(){ wx.navigateBack() })
簡單明了!好用且強(qiáng)大!另外還一個(gè)小技巧吧 在開發(fā)的時(shí)候有一個(gè)這樣的需求 要求后臺生成小程序碼,用微信掃描小程序碼帶參數(shù)進(jìn)入一個(gè)頁面 但是生成的小程序碼是線上的正式版本 但是小程度還沒有上線 沒有辦法調(diào)試 解決方案來了 ,注意,前方高能------------->
自行實(shí)驗(yàn)哦~~~
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript 函數(shù)參數(shù)原來是可以有缺省值的
前幾天看 javaEye 時(shí)看到一個(gè)童鞋寫的 getElementsByClassName 函數(shù)。2010-07-07JavaScript常用標(biāo)簽和方法總結(jié)
JavaScript可以被瀏覽器直接解釋執(zhí)行,它可以更好得減小服務(wù)器壓力,提高程序運(yùn)行效率,下面小編通過本篇文章給大家分享JavaScript常用標(biāo)簽和方法,需要的朋友一起來學(xué)習(xí)吧2015-09-09JavaScript基于面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播示例
這篇文章主要介紹了JavaScript基于面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播,結(jié)合實(shí)例形式分析了JavaScript面向?qū)ο髮?shí)現(xiàn)的無縫滾動(dòng)輪播相關(guān)對象定義、初始化及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-01-01淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題
下面小編就為大家分享一篇淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02詳解JavaScript表單驗(yàn)證(E-mail 驗(yàn)證)
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證,重點(diǎn)介紹了E-mail驗(yàn)證,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03JavaScript高階函數(shù)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù),詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法,有興趣的可以了解下2017-06-06JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-07-07JS 實(shí)現(xiàn)列表與多選框選擇附預(yù)覽動(dòng)畫
本節(jié)為大家介紹的是用JS實(shí)現(xiàn)列表與多選框選擇,并附gif演示動(dòng)畫,這個(gè)例子很詳細(xì),大家可以看看2014-10-10TypeError: Cannot set properties of 
這篇文章主要介紹了TypeError: Cannot set properties of undefined (setting ‘xx‘)的問題,本文給大家分享完美解決方案,需要的朋友可以參考下2023-09-09JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08