A json editor of vue
npm install vue3-json-editor(fork vue-json-editor - credits original: https://github.com/dirkliu/vue-json-editor)
A json editor of vue.js
sh
install
npm installfor vue 3.x app
npm run devfor vite 3.x
npm run dev_vite
`Component properties
v-model:bind the [json object]
:show-btns: boolean, show the save button, default: true
:expandedOnStart: boolean, expand the JSON editor on start for the modes 'tree', 'view', and 'form', default: false
:mode: string, default: tree
:lang: string, default: en
@json-change: on json changed
@json-save: on json save
@has-error: on error
How to use
1. Install using npm
`
npm install vue3-json-editor --save
`2. Use vue-json-editor in the vue component
`vue
vue-json-editor
v-model="json"
:show-btns="true"
:expandedOnStart="true"
@json-change="onJsonChange"
/>
`3. Vue Vite Example
`vue
``