A json-schema editor of high efficient and easy-to-use, base on Vue.
npm install 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 实现
``js
import JsonSchemaEditor from 'vue-json-schema-editor-visual';
Vue.use(JsonSchemaEditor);
`
在线 Demo
- Sinokit json-schema-editor
- CodeSandbox Demo
| 参数 | 说明 | 类型 | 默认值 |
| :------------------: | ------------------------------------- | :-------: | :-----: |
| schema | json schema 对象 | Object | - |show-raw
| | 是否显示 RAW 弹窗，可查看 json schema | Boolean | false |is-mock
| | 是否支持 mock （WIP） | Boolean | false |show-default-value
| | 是否展示默认值输入框 | Boolean | false |
| 事件名称 | 说明 | 回调参数 |
| :-------------: | --------------------------- | :-------------------: |
| schema-change` | schema 发生变化时的回调函数 | 新的 json schema 对象 |
- json-schema-editor-vue vue + ant-design-vue
其他 json editor
- jsoneditor
- json-editor/json-editor
- jinkin1995/vue-json-edit
MIT