多选组件选中值不显示仅显示N/A？配置排查与正确设置方法

常见配置问题及解决方法 #

1. 选项未配置有效value字段 #

多选组件需要同时配置选项的显示标签（Label）和对应值（Value），如果只设置了标签文本，却未给每个选项分配有效value（比如value为空、未定义），选中后组件无法识别选中内容，就会显示N/A。

• 修复：在组件的「选项」配置中，确保每条选项数据都包含label和value字段，示例格式如下：

  [
    {"label": "选项A", "value": "opt_a"},
    {"label": "选项B", "value": "opt_b"}
  ]
  

  如果是绑定数据源，要确认数据源返回的每条数据都包含这两个字段。

2. 选中值绑定的变量类型错误 #

多选组件的选中值本质是数组（对应多个选中项的value集合），如果绑定的变量不是数组类型（比如初始值是字符串、null或未初始化），组件无法正常同步选中状态，会显示N/A。

• 修复：将绑定的变量初始值设为[]（空数组），确保变量始终保持数组类型，避免被其他逻辑修改为非数组格式。

3. 展示配置错误 #

部分多选组件有「选中值展示格式」的设置，如果错误指定了不存在的字段作为展示内容，就会出现N/A。

• 修复：检查组件的展示设置，确保选中值的展示基于选项的label或value字段，而非自定义的无效字段名。

正确设置流程 #

1. 打开多选组件的配置面板，找到「选项」设置项，配置包含label和value的选项列表（或绑定符合格式的数据源）。
2. 在「选中值」设置中，绑定一个数组类型的变量，初始值设为[]。
3. 测试选中选项，此时组件应正常显示选中的标签文本，绑定变量也会同步更新为选中项的value数组。

内容的提问来源于stack exchange，提问作者Max Magid