我正在尝试生成一个可以具有多个递归字段的表单。我使用了https://codepen.io/crickford/pen/ZmJqwd这个演示(我没有使用任何自定义组件)。每当我使用“$ref”时,它都会忽略它。我正在使用 vue-json-schema-form。这是 github 的链接https://github.com/crickford/vue-json-schema-form。即使我使用 "$ref":"#" 它也不起作用。
我的 Json 模式是有效的。即使我在 codepen 中替换了以下架构,我也没有得到预期的结果,因为它通过在此链接http://www.alpacajs.org/docs/api/recursive中编辑源的架构属性给了我正确的输出-references.html
我不知道我错在哪里了!!至少在 codepen 附加的模式代码中应该可以工作。请指导我或与我分享工作演示小提琴。提前致谢。
这是我的架构:
{
"type": "object",
"title": "",
"properties": {
"Namespace": {
"type": "string",
"title": "Namespace ",
"attrs": {
"placeholder": "Namespace",
"title": "Please enter Namespace"
}
},
"Name": {
"type": "string",
"title": "Display Name : ",
"attrs": {
"placeholder": "Display Name",
"title": "Please enter Display name"
}
},
"SubSteps": {
"type": "array",
"title": "SubSteps",
"items": {
"type": "object",
"title": "Sub step",
"$ref": "#/definitions/SubSteps"
}
}
},
"definitions": {
"SubSteps": {
"type": "object",
"title": "SubStep item",
"properties": {
"Namespace": {
"type": "string",
"title": "Namespace ",
"attrs": {
"placeholder": "Namespace",
"title": "Please enter Namespace"
}
},
"Name": {
"type": "string",
"title": "Display Name : ",
"attrs": {
"placeholder": "Display Name",
"title": "Please enter Display name"
}
},
"SubSteps": {
"type": "array",
"title": "SubSteps",
"items": {
"type": "object",
"title": "Sub step",
"$ref": "#/definitions/SubSteps"
}
}
}
}
},
"required": [
"Name"
]
}