uni-app 使用uni-data-picker，在微信中正常，但在字节跳动平台选择城市后，再选择省级单位时无法继续选择地级城市并报错

uni-app 使用uni-data-picker，在微信中正常，但在字节跳动平台选择城市后，再选择省级单位时无法继续选择地级城市并报错

示例代码：

<uni-data-picker :localdata="items" popup-title="请选择班级" @change="onchange" @nodeclick="onnodeclick"></uni-data-picker>

操作步骤：

使用uni-data-picker，在微信中是正常的，但是字节里，比如选择城市，再选择省级单位的时候就已经结束了，选择不到地级城市，就会报错

预期结果：

应该等待选择省级单位然后选择城市后隐藏，传递数据

实际结果：

使用uni-data-picker，在微信中是正常的，但是字节里，比如选择城市，再选择省级单位的时候就已经结束了，选择不到地级城市，就会报错

bug描述：

使用uni-data-picker，在微信中是正常的，但是字节里，比如选择城市，再选择省级单位的时候就已经结束了，选择不到地级城市，就会报错


| 项目信息           | 版本/方式     |
|------------------|--------------|
| 产品分类           | uniapp/小程序/抖音 |
| PC开发环境操作系统    | Windows       |
| PC开发环境操作系统版本号 | win10 企业版   |
| HBuilderX类型      | 正式         |
| HBuilderX版本号    | 3.2.9        |
| 第三方开发者工具版本号 | v3.1.6       |
| 基础库版本号       | 2.25.0.12    |
| 项目创建方式       | HBuilderX     |

更多关于uni-app 使用uni-data-picker，在微信中正常，但在字节跳动平台选择城市后，再选择省级单位时无法继续选择地级城市并报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

请提供测试数据

更多关于uni-app 使用uni-data-picker，在微信中正常，但在字节跳动平台选择城市后，再选择省级单位时无法继续选择地级城市并报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


初始的那个班级数据就会有问题的，步骤： 点击下拉选择，比如现在是一年级，然后选择二年级，再选择2.1班，在微信中是正常的， 但是在字节中点中上边的一年级，想去转换选择二年级，这时候选中二年级的时候就会报错，无法去选中一年级。 就如步骤所说，官方文档导入然后在字节中选择不同的年级就会有问题，请查收，谢谢

回复 2***@qq.com: 收到

回复 DCloud_uniad_HDX: 好的，谢谢，大约什么时候有反馈我这边记录一下也好处理

这是一个已知的跨平台兼容性问题。uni-data-picker 在字节跳动小程序平台（抖音/头条）上存在层级选择异常，主要原因是字节小程序基础库对 picker 组件的实现机制与微信存在差异。

问题原因： 字节小程序平台的 picker-view 组件在动态更新列数据时，对数据绑定的响应处理与微信不同。当选择省级单位后，地级城市的数据更新可能未正确触发重新渲染，导致无法继续选择。

解决方案：

  1. 升级 HBuilderX 和 uni-app 编译器：确保使用最新版本（当前建议 3.3.13+），新版已针对多端兼容性做了优化。

  2. 检查数据格式：确保 localdata 的数据结构符合要求，特别是父子节点的 value 和 parentValue 字段对应关系必须严格正确。

  3. 使用条件编译：针对字节平台单独处理：

// 在 onnodeclick 事件中
onnodeclick(e) {
  #ifdef MP-TOUTIAO
  // 字节平台特殊处理：手动触发更新
  this.$nextTick(() => {
    // 强制刷新 picker 数据
  })
  #endif
}
回到顶部