Powerful JSON Viewer & Editor For Vue 3/2

This is a powerful JSON viewer & editor based on svelte-jsoneditor. With this library, you will be able to view, edit, insert, remove, duplicate, sort, filter, and transform JSON data in plain text or as a tree.

How to use it:

1. Import and register the JSON editor.

import JsonEditorVue from 'json-editor-vue'
app.use(JsonEditorVue, {
  // global config

2. Add the JSON editor to the app.

  <JsonEditorVue v-model="value" v-bind="{/* local config */}"/>


Powerful JSON Viewer & Editor For Vue 3 2


v0.10.15 (09/06/2023)

  • Bugfix

v0.10.10 (09/05/2023)

  • Update

v0.10.8 (09/04/2023)

  • Bugfixes

v0.10.6 (04/22/2023)

  • Support property ‘askToFormat’
  • Bug Fixes

v0.10.5 (12/18/2022)

  • types: use type Content, JSONContent & TextContent from ‘vanilla-jsoneditor’

v0.10.4 (12/17/2022)

  • ‘nuxt.ts’ should be included in the tarball

Download Details:

Author: cloydlau

Live Demo: https://cloydlau.github.io/demo/json-editor-vue.html

Download Link: https://github.com/cloydlau/json-editor-vue/archive/refs/heads/master.zip

Official Website: https://github.com/cloydlau/json-editor-vue

Install & Download:

# Yarn
$ yarn add json-editor-vue

$ npm i json-editor-vue

Add Comment