json编辑器插件vue_基于vue平台的jsonschema编辑器
摘要：由于项⽬需要，需要⼀款基于vue平台的json schema编辑器，github上了⼀圈没到合适的组件，索性⽤两天时间⾃⼰造⼀个轮⼦吧。⽅便⾃⼰，⽅便⽣态圈。
源码地址:
Example：国外Demo，国内请访问：国内Demo
A json-schema editor of high efficient and easy-to-use, base on Vue
image.png
⽀持⾃定义属性，满⾜特殊的需求
开启⾃定义属性
Example
Usage
npm install json-schema-editor-vue
import JsonSchemaEditor from 'json-schema-editor-vue'
import 'json-schema-editor-vue/lib/json-schema-editor-vue.css'
Vue.use(JsonSchemaEditor)
...
...
export default {
name: 'App',
data() {
return {
tree:
{
root: {
type: "object"
}
}
}
}
}
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!
如果对您有帮助，别忘记给个星哦
Links
>图片编辑器app