# Json编辑器

本文使用的是第三方Json编辑器 v-jsoneditor (opens new window)

# 效果

v-jsoneditor

# 安装

Node

npm install v-jsoneditor

浏览器

<script src="https://unpkg.com/v-jsoneditor/docs/dist/v-jsoneditor.min.js"></script>

# 导入

Node

import VJsoneditor from 'v-jsoneditor'

浏览器

var VJsoneditor = window.VJsoneditor.default;

# 挂载

Vue.use(VJsoneditor);
//或者
Vue.component('VJsoneditor', VJsoneditor);
//或者
formCreate.component('VJsoneditor', VJsoneditor);

# 生成

fApi = formCreate.create([
    {
        type:'v-jsoneditor',
        title:'json',
        field:'json',
        value:{
            type: 'form-create'
        }
    }
])

# 修改

fApi.setValue('json', {type: 'form-create v2'})