场景如下

需求是：

• 点击首页的城市定位，进入选择城市的页面。
• 选好后，将选中的结果返回首页处

分析：

• 这是两个不同的页面。需要在它们之间传递信息，实现通信。
• 我们需利用 全局数据 来实现这一目的。

app.json

...
"pages": [
    "pages/index/index",
    "pages/cityselector/cityselector”,
...

而利用全局数据， 把大象装进冰箱分三步：

• 设置全局数据
• 城市选择页面 修改全局数据
• 首页 读取、渲染全局数据

截图

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

  

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

  

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

开始实战

第一步 设置全局数据

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

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

相关资料：

• 全局数据相关文档
• 生命周期函数相关文档

相关项目：

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