giscafer / vue-json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on Vue.
http://blog.giscafer.com/vue-json-schema-editor-visual/
64 stars 26 forks source link
json-schema-editor

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

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 editor

License

MIT