uni-app 选择省份和城市之后 重新选择省份 窗口关闭 无法继续选择城市及区域信息

uni-app 选择省份和城市之后 重新选择省份 窗口关闭 无法继续选择城市及区域信息

操作步骤:

  • 点击选择,选择省份,选择城市,重新点击省份,选择省份

预期结果:

  • 出现选择城市

实际结果:

  • 未出现选择城市,选择弹窗关闭

bug描述:

  • 选择省份之后出现城市选择,再次点击省份重新选择省份后,没有出现城市选择,而是直接关闭窗口返回到选择页面

alt text

信息类别 详细信息
产品分类 uniapp/小程序/微信
PC开发环境 Windows
PC操作系统版本 Windows10 专业版
HBuilderX类型 正式
HBuilderX版本 3.1.18
工具版本 1.05.2105170
基础库版本 2.17.0
项目创建方式 HBuilderX

更多关于uni-app 选择省份和城市之后 重新选择省份 窗口关闭 无法继续选择城市及区域信息的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

这是使用的什么插件吗?picker?uni-data-picker?能否描述清楚一些

更多关于uni-app 选择省份和城市之后 重新选择省份 窗口关闭 无法继续选择城市及区域信息的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的多级联动选择器状态管理问题。当重新选择省份时,城市选择器没有正确触发显示,而是直接关闭了整个弹窗。

问题分析:

  1. 省份选择改变时,城市数据未及时更新或重置
  2. 弹窗的显示状态管理存在逻辑缺陷
  3. 可能是数据绑定或事件处理未正确实现

解决方案:

  1. 检查数据流管理

    • 确保省份选择后,城市列表能立即更新
    • 使用 watch 监听省份变化,自动加载对应城市数据
  2. 优化弹窗控制逻辑

    // 省份选择事件
    onProvinceChange(e) {
      this.selectedProvince = e.detail.value
      this.cityList = this.getCityList(this.selectedProvince)
      this.showCityPicker = true // 立即显示城市选择
    }
回到顶部