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)
Props
- objData: json data
- options
- confirmText: strings of the confirm button
- cancelText: strings of the cancel button
Example
Single file component
<template>
<JsonEditor
:options="{
confirmText: 'confirm',
cancelText: 'cancel',
}"
:objData="jsonData"
v-model="jsonData" >
</JsonEditor>
</template>
<script>
export default {
...
data: function() {
return {
jsonData: {
name: 'mike',
age: 23,
phone: '18552129932',
address: ['AAA C1', 'BBB C2']
}
}
}
}
</script>