Lzo-json-schema-editor-vue3 NPM

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

如果你使用Vue2,请查看 json-schema-editor base on Vue2

支持自定义属性，满足特殊的需求

Example

Usage

# vue2
npm install json-schema-editor-vue
# vue3 
npm install json-schema-editor-vue3

import JsonSchemaEditor from 'json-schema-editor-vue'
import 'json-schema-editor-vue/lib/json-schema-editor-vue.css'
Vue.use(JsonSchemaEditor)

<template>
  <div id="app">
    ...
    <json-schema-editor :value="tree"/>
    ...
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      tree:
      {
        root: {
          type: "object"
        }
      }
    }
  }
}
</script>

json-schema-editor-vue属性说明如下：

属性	说明	类型	是否必须	默认值
value	传入一个默认的树节点，用来接收编辑后的json schema结果	Object	是
disabled	节点名称不可编辑	Boolean		`false`
disabledType	节点类型不可选择	Boolean		`false`
root	是否是根节点	Boolean		`true`
custom	是否允许添加自定义属性	Boolean		`false`
lang	国际化(可选zh_CN和en_US)	String		`zh_CN`