json-schema-editor-vue
A json-schema editor of high efficient and easy-to-use, base on Vue
如果你使用Vue3,请查看 json-schema-editor base on Vue3
支持自定义属性，满足特殊的需求
Example
Demo http://json-schema.sviip.com
Usage
# vue2
npm install json-schema-editor-vue
# vue3
npm install json-schema-editor-vue3import 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 |
Don't forget to star if it helped! 如果对您有帮助，别忘记给个星哦