258资源分享网

微信小程序 如何在页面直接传递信息 / 通信方法 / 附带项目案例

 

 

 

场景如下 需求是：

点击首页的城市定位，进入选择城市的页面。

选好后，将选中的结果返回首页处

分析：

这是两个不同的页面。需要在它们之间传递信息，实现通信。

我们需利用 全局数据 来实现这一目的。

app.json

... "pages": [ "pages/index/index", "pages/cityselector/cityselector”, ... 而利用全局数据， 把大象装进冰箱分三步：

设置全局数据

城市选择页面 修改全局数据

首页 读取、渲染全局数据

截图

首页定位处与搜索框  pages/index/index.wxml 

城市选择页面  pages/cityselector/cityselector.wxml 

选定城市后，退回首页，“银川”需要变为新选定的城市

开始实战 第一步 设置全局数据

在app.js中，添加全局数据：

App({ onLaunch: () => { ... } defaultCity: ‘银川’ //全局数据 }) 相关资料：

全局数据相关文档

生命周期函数相关文档

相关项目：

微信小程序 城市/区县定位选择器 带拼音搜索 可直接使用