前言
在项目开发中,用到了一个json editor,因为是vue需要用到,于是借鉴了vue-json-editor源码进行编写了一个符合自己业务的json-editor。
接口
name | 含义 | 默认值 |
---|---|---|
width | 组件的宽度 | ‘100%’ |
height | 组件的高度 | ‘500px’ |
mode | 编辑json的格式(tree、view、form) | tree |
modes | 可视化json的格式(tree、code、orm、text、view) | [‘tree’, ‘code’, ‘form’, ‘text’, ‘view’] |
json | 组件展示的json数据 | {} |
schema | json数据的规则 | |
expandedOnStart | json数据是否默认展开 | true |
json-save | 子组件通过验证后的获取到json的方法 |
说明:我的保存按钮会根据schema来决定是否可用,如果验证通过了,那么就会向父组件发送事件。
使用方法
有个小问题是:我之所以加v-if,是因为