微信小程序?qū)崿F(xiàn)兩個(gè)頁(yè)面?zhèn)髦档姆椒ǚ治?/h1>
更新時(shí)間:2018年12月11日 10:51:12 作者:站住,別跑
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)兩個(gè)頁(yè)面?zhèn)髦档姆椒?結(jié)合實(shí)例形式分析了微信小程序URL跳轉(zhuǎn)及頁(yè)面?zhèn)髦迪嚓P(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)兩個(gè)頁(yè)面?zhèn)髦档姆椒?。分享給大家供大家參考,具體如下:
需求:發(fā)送頁(yè)面通過(guò)url傳值,接收頁(yè)面獲取值。
發(fā)送頁(yè)面的js
var nowid='10';
wx.navigateTo({
url: '../index/index?id='+nowid,
})
或者發(fā)送頁(yè)面用navigate 組件:
<navigate url="xxx?id=10"></navigate >
如果id是page里面data的數(shù)據(jù)。是動(dòng)態(tài)的,那么可以寫(xiě)成:
<navigate url="xxx?id={{pid}}"></navigate >
這種方式也是通過(guò)接收頁(yè)面的onload
來(lái)獲取id的
接收頁(yè)面的js
在接收頁(yè)面onload
的函數(shù)里就可以獲取到值:
onLoad: function (options) {
var _obj=options.id;
console.log(_obj)
}
(1) 接收頁(yè)面獲取到的 options 就是發(fā)送頁(yè)面的 url 中 問(wèn)號(hào)后面?zhèn)鬟^(guò)來(lái)的值
(2) 如果傳過(guò)來(lái)的值是一個(gè)json對(duì)象,那么需要現(xiàn)在發(fā)送頁(yè)面把這個(gè)對(duì)象JSON.Stringfy
轉(zhuǎn)化成字符串,然后 接收頁(yè)面 再使用JSON.parse
轉(zhuǎn)化成json對(duì)象就行。
還有種方法是通過(guò)小程序的本地存儲(chǔ) wx.setStorage()
等API接口來(lái)實(shí)現(xiàn)-----》發(fā)送頁(yè)面存入,接收頁(yè)面在接受。當(dāng)然,不需要的時(shí)候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是:在app.js中設(shè)置數(shù)據(jù),然后其它頁(yè)面在需要的時(shí)候,就可以通過(guò) app.數(shù)據(jù)等形式來(lái)獲取。當(dāng)然,需要在接收數(shù)據(jù)的頁(yè)面聲明:
var app=getApp();
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
-
JS注釋所產(chǎn)生的bug 即使注釋也會(huì)執(zhí)行
寫(xiě)js時(shí)出現(xiàn)個(gè)bug一直提示我JAVA類(lèi)中的一個(gè)屬性沒(méi)有,可是明明注釋掉了,后來(lái)才知道,JS里即使注釋也會(huì)執(zhí)行 2013-11-11
-
js實(shí)現(xiàn)鼠標(biāo)拖拽div左右滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽div左右滑動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下 2020-01-01
-
使用非html5實(shí)現(xiàn)js板連連看游戲示例代碼
連連看游戲通常情況下都是使用html5來(lái)實(shí)現(xiàn)的,不過(guò)從現(xiàn)在開(kāi)始就可以使用js來(lái)實(shí)現(xiàn)了,具體的代碼如下,喜歡的朋友可以參考下,希望對(duì)大家有所幫助 2013-09-09
-
js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下 2015-05-05
-
JSChart輕量級(jí)圖形報(bào)表工具(內(nèi)置函數(shù)中文參考)
JSChart是一個(gè)輕量級(jí)的在線圖表生成工具,本身十分小巧,簡(jiǎn)單易用,相對(duì)來(lái)講功能也不是特別強(qiáng)大,但是對(duì)于一些要求不高的應(yīng)用來(lái)講已經(jīng)夠用了,最近兩天在做一個(gè)監(jiān)控系統(tǒng),想到了它。
2010-10-10
-
JavaScript中的scrollTop詳解(滾動(dòng)到頂部)
scrollTop是JavaScript中一個(gè)非常有用且重要的方法,它用于獲取或設(shè)置元素的垂直滾動(dòng)條位置,這篇文章主要給大家介紹了關(guān)于JavaScript中scrollTop詳解(滾動(dòng)到頂部)的相關(guān)資料,需要的朋友可以參考下 2023-12-12
最新評(píng)論
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)兩個(gè)頁(yè)面?zhèn)髦档姆椒?。分享給大家供大家參考,具體如下:
需求:發(fā)送頁(yè)面通過(guò)url傳值,接收頁(yè)面獲取值。
發(fā)送頁(yè)面的js
var nowid='10'; wx.navigateTo({ url: '../index/index?id='+nowid, })
或者發(fā)送頁(yè)面用navigate 組件:
<navigate url="xxx?id=10"></navigate >
如果id是page里面data的數(shù)據(jù)。是動(dòng)態(tài)的,那么可以寫(xiě)成:
<navigate url="xxx?id={{pid}}"></navigate >
這種方式也是通過(guò)接收頁(yè)面的onload
來(lái)獲取id的
接收頁(yè)面的js
在接收頁(yè)面onload
的函數(shù)里就可以獲取到值:
onLoad: function (options) { var _obj=options.id; console.log(_obj) }
(1) 接收頁(yè)面獲取到的 options 就是發(fā)送頁(yè)面的 url 中 問(wèn)號(hào)后面?zhèn)鬟^(guò)來(lái)的值
(2) 如果傳過(guò)來(lái)的值是一個(gè)json對(duì)象,那么需要現(xiàn)在發(fā)送頁(yè)面把這個(gè)對(duì)象JSON.Stringfy
轉(zhuǎn)化成字符串,然后 接收頁(yè)面 再使用JSON.parse
轉(zhuǎn)化成json對(duì)象就行。
還有種方法是通過(guò)小程序的本地存儲(chǔ) wx.setStorage()
等API接口來(lái)實(shí)現(xiàn)-----》發(fā)送頁(yè)面存入,接收頁(yè)面在接受。當(dāng)然,不需要的時(shí)候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是:在app.js中設(shè)置數(shù)據(jù),然后其它頁(yè)面在需要的時(shí)候,就可以通過(guò) app.數(shù)據(jù)等形式來(lái)獲取。當(dāng)然,需要在接收數(shù)據(jù)的頁(yè)面聲明:
var app=getApp();
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
JS注釋所產(chǎn)生的bug 即使注釋也會(huì)執(zhí)行
寫(xiě)js時(shí)出現(xiàn)個(gè)bug一直提示我JAVA類(lèi)中的一個(gè)屬性沒(méi)有,可是明明注釋掉了,后來(lái)才知道,JS里即使注釋也會(huì)執(zhí)行2013-11-11js實(shí)現(xiàn)鼠標(biāo)拖拽div左右滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽div左右滑動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01使用非html5實(shí)現(xiàn)js板連連看游戲示例代碼
連連看游戲通常情況下都是使用html5來(lái)實(shí)現(xiàn)的,不過(guò)從現(xiàn)在開(kāi)始就可以使用js來(lái)實(shí)現(xiàn)了,具體的代碼如下,喜歡的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下2015-05-05JSChart輕量級(jí)圖形報(bào)表工具(內(nèi)置函數(shù)中文參考)
JSChart是一個(gè)輕量級(jí)的在線圖表生成工具,本身十分小巧,簡(jiǎn)單易用,相對(duì)來(lái)講功能也不是特別強(qiáng)大,但是對(duì)于一些要求不高的應(yīng)用來(lái)講已經(jīng)夠用了,最近兩天在做一個(gè)監(jiān)控系統(tǒng),想到了它。2010-10-10JavaScript中的scrollTop詳解(滾動(dòng)到頂部)
scrollTop是JavaScript中一個(gè)非常有用且重要的方法,它用于獲取或設(shè)置元素的垂直滾動(dòng)條位置,這篇文章主要給大家介紹了關(guān)于JavaScript中scrollTop詳解(滾動(dòng)到頂部)的相關(guān)資料,需要的朋友可以參考下2023-12-12