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

