Vue Json Pretty is a Vuejs component that displays JSON data as a tree structure.

create json object in javascript dynamically, json data example, get value from json object in javascript, display formatted json in html, json stringify pretty

Features

• as JSON formatted.
• Get element data from JSON.
• It is written in TypeScript with static, predictable types.
• Big data support.

Simple Modern JavaScript ES6 Library That Fetches JSON Data in an HTML Table

How to make use of it:

Install

$ npm install vue-json-pretty --save

$ yarn add vue-json-pretty

The CSS file is included separately and needs to be imported manually.

<template>
  <div>
    <vue-json-pretty :path="'res'" :data="{ key: 'value' }" @click="handleClick"> </vue-json-pretty>
  </div>
</template>

<script>
import VueJsonPretty from 'vue-json-pretty';
import 'vue-json-pretty/lib/styles.css';

export default {
  components: {
    VueJsonPretty,
  },
};
</script>

Pretty JSON Data Formatter Plugin/Github

See Demo And Download

Official Website(leezng): Click Here

This superior jQuery/javascript plugin is developed by leezng. For extra advanced usage, please go to the official website.