giscafer / vue-json-schema-editor-visual

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

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