Skip to content

Visual JSON editor built as an vue component. Provides a basic GUI

Notifications You must be signed in to change notification settings

sercanatalik/vue-json-edit

 
 

Repository files navigation

Vue-Json-Edit

visual JSON editor built as an vue component. Provides a basic GUI



Getting Started

npm install vue-json-edit --save

Usage

//import it in your project At your entry point

import vue from 'vue'
import JsonEditor from 'vue-json-edit'
  
Vue.use(JsonEditor)
  

Example

Single file component

<template>
    <JsonEditor :objData="jsonData" v-model="jsonData" ></JsonEditor>
</template>
<script>
export default {
    ...
    data: function() {
        return {
            jsonData: {
                name: 'mike',
                age: 22,
                phone: '18552129932',
                address: ['AAA C1', 'BBB C2']
            }
        }
    }
}
</script> 

About

Visual JSON editor built as an vue component. Provides a basic GUI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 75.5%
  • JavaScript 12.3%
  • CSS 8.4%
  • HTML 3.8%