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.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