如下： <a href="https://form.lljj.me/#/demo?type=AnyOf%28%E8%81%94%E5%8

使用了 anyOf 编辑时数据回填无法选中对应的选项 about vue-json-schema-form HOT 1 CLOSED

lljj-x commented on May 11, 2024

使用了 anyOf 编辑时数据回填无法选中对应的选项

from vue-json-schema-form.

Comments (1)

lljj-x commented on May 11, 2024

对首次匹配结果做特殊处理，兼容配置 required 来区分 anyOf 的场景，如下数据可正常编辑匹配：

{
    "type": "object",
    "required": [
        "age"
    ],
    "anyOf": [
        {
            "ui:showTitle": true,
            "title": "First method of identification",
            "required": [
                "lastName"
            ],
            "properties": {
                "firstName": {
                    "type": "string",
                    "title": "First name",
                    "default": "Chuck"
                },
                "lastName": {
                    "type": "string",
                    "title": "Last name"
                }
            }
        },
        {
            "ui:showTitle": true,
            "title": "Second method of identification",
            "properties": {
                "firstName": {
                    "type": "string",
                    "title": "First name"
                },
                "idCode": {
                    "type": "string",
                    "title": "ID code",
                    "default": "Default id"
                }
            }
        }
    ]
}

针对anyOf 数据回写的场景，更保险的方式应该结合 const 一起使用，const 可以约定包含的值必须为该结果，如下：

也可参见：https://form.lljj.me/#/demo?type=AnyOf%28%E8%81%94%E5%8A%A8%29

新增一个 type 字段，配置 const 和 default 判定当前的选中项，同时可以配置ui:hidden 来隐藏该项。

{
    "type": "object",
    "anyOf": [
        {
            "ui:showTitle": true,
            "title": "First method of identification",
            "properties": {
                "type": {
                    "ui:hidden": true,
                    "type": "string",
                    "default": "userName",
                    "const": "userName"
                },
                "firstName": {
                    "type": "string",
                    "title": "First name",
                    "default": "Chuck"
                },
                "lastName": {
                    "type": "string",
                    "title": "Last name"
                }
            }
        },
        {
            "ui:showTitle": true,
            "title": "Second method of identification",
            "properties": {
                "type": {
                    "ui:hidden": true,
                    "type": "string",
                    "default": "id",
                    "const": "id"
                },
                "firstName": {
                    "type": "string",
                    "title": "First name"
                },
                "idCode": {
                    "type": "string",
                    "title": "ID code",
                    "default": "Default id"
                }
            }
        }
    ]
}