vue-json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on Vue & Element UI.

一个高效易用的基于 Vue + Element UI 的 json-schema 编辑器。 模仿 Yapi React 版本 json-schema-editor-visual 实现

Usage

import JsonSchemaEditor from 'vue-json-schema-editor-visual';

Vue.use(JsonSchemaEditor);

在线 Demo

• Sinokit json-schema-editor
• CodeSandbox Demo

API

Attributes

| 参数 | 说明 | 类型 | 默认值 | | :------------------: | ------------------------------------- | :-------: | :-----: | | schema | json schema 对象 | Object | - | | show-raw | 是否显示 RAW 弹窗，可查看 json schema | Boolean | false | | is-mock | 是否支持 mock （WIP） | Boolean | false | | show-default-value | 是否展示默认值输入框 | Boolean | false |

Events

| 事件名称 | 说明 | 回调参数 | | :-------------: | --------------------------- | :-------------------: | | schema-change | schema 发生变化时的回调函数 | 新的 json schema 对象 |

Related

• json-schema-editor-vue vue + ant-design-vue

其他 json editor

• jsoneditor
• json-editor/json-editor
• jinkin1995/vue-json-edit

License

MIT