微信小程序實現(xiàn)兩個頁面?zhèn)髦档姆椒ǚ治?/h1>
更新時間:2018年12月11日 10:51:12 作者:站住,別跑
這篇文章主要介紹了微信小程序實現(xiàn)兩個頁面?zhèn)髦档姆椒?結合實例形式分析了微信小程序URL跳轉及頁面?zhèn)髦迪嚓P操作技巧與注意事項,需要的朋友可以參考下
本文實例講述了微信小程序實現(xiàn)兩個頁面?zhèn)髦档姆椒?。分享給大家供大家參考,具體如下:
需求:發(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
轉化成字符串,然后 接收頁面 再使用JSON.parse
轉化成json對象就行。
還有種方法是通過小程序的本地存儲 wx.setStorage()
等API接口來實現(xiàn)-----》發(fā)送頁面存入,接收頁面在接受。當然,不需要的時候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是:在app.js中設置數(shù)據(jù),然后其它頁面在需要的時候,就可以通過 app.數(shù)據(jù)等形式來獲取。當然,需要在接收數(shù)據(jù)的頁面聲明:
var app=getApp();
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
-
js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下 2015-05-05
-
JSChart輕量級圖形報表工具(內置函數(shù)中文參考)
JSChart是一個輕量級的在線圖表生成工具,本身十分小巧,簡單易用,相對來講功能也不是特別強大,但是對于一些要求不高的應用來講已經(jīng)夠用了,最近兩天在做一個監(jiān)控系統(tǒng),想到了它。
2010-10-10
-
JavaScript中的scrollTop詳解(滾動到頂部)
scrollTop是JavaScript中一個非常有用且重要的方法,它用于獲取或設置元素的垂直滾動條位置,這篇文章主要給大家介紹了關于JavaScript中scrollTop詳解(滾動到頂部)的相關資料,需要的朋友可以參考下 2023-12-12
最新評論
本文實例講述了微信小程序實現(xiàn)兩個頁面?zhèn)髦档姆椒?。分享給大家供大家參考,具體如下:
需求:發(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
轉化成字符串,然后 接收頁面 再使用JSON.parse
轉化成json對象就行。
還有種方法是通過小程序的本地存儲 wx.setStorage()
等API接口來實現(xiàn)-----》發(fā)送頁面存入,接收頁面在接受。當然,不需要的時候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是:在app.js中設置數(shù)據(jù),然后其它頁面在需要的時候,就可以通過 app.數(shù)據(jù)等形式來獲取。當然,需要在接收數(shù)據(jù)的頁面聲明:
var app=getApp();
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下2015-05-05JSChart輕量級圖形報表工具(內置函數(shù)中文參考)
JSChart是一個輕量級的在線圖表生成工具,本身十分小巧,簡單易用,相對來講功能也不是特別強大,但是對于一些要求不高的應用來講已經(jīng)夠用了,最近兩天在做一個監(jiān)控系統(tǒng),想到了它。2010-10-10JavaScript中的scrollTop詳解(滾動到頂部)
scrollTop是JavaScript中一個非常有用且重要的方法,它用于獲取或設置元素的垂直滾動條位置,這篇文章主要給大家介紹了關于JavaScript中scrollTop詳解(滾動到頂部)的相關資料,需要的朋友可以參考下2023-12-12