# Json editor

This article uses a third-party Json editor v-jsoneditor (opens new window)

# Effect

v-jsoneditor

# Installation

Node

npm install v-jsoneditor

Browser

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

# Import

Node

import VJsoneditor from 'v-jsoneditor'

Browser

var VJsoneditor = window.VJsoneditor.default;

# Mounting

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

# Generate

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

# Modify

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