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.

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

Preview:

Powerful JSON Viewer & Editor For Vue 3 2

Changelog:

v0.6.6 (09/23/2022)

  • Bugfix

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
$ npm i json-editor-vue

Add Comment