小程序是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便

捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。對(duì)于微信小程序，前端開發(fā)應(yīng)該不陌生，目前也

是非常火，很多公司都會(huì)進(jìn)行開發(fā)。對(duì)于小程序的優(yōu)點(diǎn)我就不到這過(guò)多描述了，今天我是想來(lái)

總結(jié)下微信小程序頁(yè)面和組件傳值。

微信小程序目錄結(jié)構(gòu)

1.頁(yè)面與頁(yè)面?zhèn)髦?跳轉(zhuǎn)的url帶參傳值

微信小程序頁(yè)面直接傳值我們經(jīng)常用到的是頁(yè)面URL跳轉(zhuǎn)傳值，跳轉(zhuǎn)到的頁(yè)面通過(guò)到生命周

期onLoad里面接收。

//A頁(yè)面Page({ data:{ }, linkTo:function(){//頁(yè)面事件綁定方法 let data = 'hello world'; wx.navigateTo({ url: '/pages/my/index?name=' + data, }) } })//B頁(yè)面 Page({ data:{ name:' ' }, onLoad:function(option){//接收數(shù)據(jù) this.setData({ name: option.name }) } })如果頁(yè)面有多個(gè)值要傳，直接用&符合鏈接起來(lái)就可以了。比如'/pages/my/index?name=' + data1+'&number='+data2;

2.頁(yè)面與頁(yè)面?zhèn)髦?全局globalData傳值

//app.jsApp({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, onHide () { // Do something when hide. }, onError (msg) { console.log(msg) }, globalData: { name:'hello world' }})//A頁(yè)面const app = getApp();//獲取全局對(duì)象Page({ data:{ }, onLoad:function(){ let name = app.globalData.name; console.log(name);//hello world } })

全局?jǐn)?shù)據(jù)的拿去是通過(guò)拿去globalData對(duì)象，再到其他頁(yè)面獲取，當(dāng)然你也可以

修改全局對(duì)象里面數(shù)據(jù)其他頁(yè)面從新去獲取。

//A頁(yè)面const app = getApp();//獲取全局對(duì)象Page({ data:{ }, onLoad:function(){ app.globalData.name='微信小程序'; //修改全局?jǐn)?shù)據(jù) } })//B頁(yè)面const app = getApp();//獲取全局對(duì)象Page({ data:{ }, onLoad:function(){ let name = app.globalData.name; console.log(name);//微信小程序 } })

2.頁(yè)面與頁(yè)面?zhèn)髦?頁(yè)面數(shù)據(jù)緩存wx.setStorageSync(KEY,DATA)

//A頁(yè)面Page({ data:{ }, onLoad:function(){ wx.setStorage({ key:"name

總結(jié)

以上是生活随笔為你收集整理的vue用公共组件页面传值_微信小程序页面传值、组件间通信总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。