simple-vue-json-editor

vue编写的json editor

Usage no npm install needed!

<script type="module">
  import simpleVueJsonEditor from 'https://cdn.skypack.dev/simple-vue-json-editor';
</script>

README

vue-json-editor

使用组件

npm install vue-json-editor -S

import vueJsonEditor from 'vue-json-editor'

<editors :sourceObj="obj"></editors>

参数配置

参数名 功能 类型 默认值
canEdit 是否可以编辑，为false时，整个json格式只读不可编辑 Boolean true
sourceObj 源对象，需要展示的对象内容 Object
highlightFileds 作为高亮依据的字段，暂时只有“isNew”可配置，配置之后新创建的字段会标红高亮 Array []
isNewEditableOnly 已有数据不可编辑，新增数据才可编辑 Boolean false
canToggle 是否需要展开收起的功能，为false时，收缩icon会隐藏 Boolean true

使用效果

效果图

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.