🌐
npm
npmjs.com › package › vue-json-pretty
vue-json-pretty - npm
October 28, 2025 - A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install vue-json-pretty
    
Published   Oct 28, 2025
Version   2.6.0
Author   leezng
🌐
GitHub
github.com › leezng › vue-json-pretty
GitHub - leezng/vue-json-pretty: A JSON tree view component that is easy to use and also supports data selection.
A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
Starred by 1.4K users
Forked by 141 users
Languages   JavaScript 55.2% | TypeScript 26.3% | Vue 12.8% | Less 4.3% | HTML 1.4% | JavaScript 55.2% | TypeScript 26.3% | Vue 12.8% | Less 4.3% | HTML 1.4%
🌐
GitHub
github.com › leezng › vue-json-pretty › releases
Releases · leezng/vue-json-pretty
feat: support collapsedNodeLength for Vue3 by @boukadam in #260 · fix: Line numbers are included when selecting JSON content in the view #256 · Full Changelog: v2.2.4...v2.3.0 · boukadam · Assets 2 · Loading · There was an error while loading. Please reload this page. 12 Dec 06:26 · leezng · v1.9.5 · 515fe3b · Compare · Filter · Loading · There was an error while loading. Please reload this page. View all tags · 1.9.5 · feat: support collapsedNodeLength for vue2 by @boukadam in #259 ·
Author   leezng
🌐
Leezng
leezng.github.io › vue-json-pretty
vue-json-pretty
Leezng (Daniel) · 博客 开源项目 关于我
🌐
CodeSandbox
codesandbox.io › s › vue-json-pretty-vue3-96jssd
vue-json-pretty-vue3 - CodeSandbox
August 8, 2023 - Use vue-json-pretty at vue3
Published   Mar 29, 2022
Author   leezng
🌐
Made with Vue.js
madewithvuejs.com › vue-json-pretty
Vue JSON Pretty - JSON Tree View Component - Made with Vue.js
April 2, 2024 - "Vue JSON Pretty is a JSON tree view component that is easy to use and also supports data selection.
🌐
SourceForge
sourceforge.net › projects › vue-json-pretty.mirror
Vue Json Pretty download | SourceForge.net
Now it supports Vue3 at least · See All Activity > JSON · MIT License · Vue Json Pretty Web Site · Other Useful Business Software · Build on Google Cloud with $300 in Free Credit · New to Google Cloud? Get $300 in free credit to explore Compute Engine, BigQuery, Cloud Run, Vertex AI, and 150+ other products.
🌐
npm
npmjs.com › package › @hirect › vue-json-pretty
@hirect/vue-json-pretty - npm
March 25, 2022 - A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install @hirect/vue-json-pretty
    
Published   Mar 25, 2022
Version   1.0.0
Author   leezng
Find elsewhere
🌐
Vue Script
vuescript.com › home › 7 best json viewer libraries for vue.js applications (2026 update)
7 Best JSON Viewer Libraries For Vue.js Applications (2026 Update) - Vue Script
December 29, 2025 - A simple and user-friendly JSON viewer for Vue 3 and Vue 2. Supports server side rendering. ... Simple and easy-to-use json content display component suitable for vue3 and vite.
🌐
GitHub
github.com › leezng › vue-json-pretty › blob › dev › package.json
vue-json-pretty/package.json at dev · leezng/vue-json-pretty
"name": "vue-json-pretty", "version": "2.2.3", "description": "A JSON tree view component that is easy to use and also supports data selection.", "author": "leezng <im.leezng@gmail.com>", "main": "lib/vue-json-pretty.js", "module": ...
Author   leezng
🌐
Medium
medium.com › @anilkumarthakur60 › building-better-json-visualization-in-vue-3-d876310d03b0
Building Better JSON Visualization in Vue 3 | by Anil Kumar Thakur | Medium
October 23, 2024 - When working with complex data structures in JavaScript applications, especially JSON objects, it’s crucial to have a tool that helps visualize the data clearly. If you’re building a Vue 3 application and looking for a robust way to display your JSON data, the @anilkumarthakur/vue3-json-viewer ...
🌐
JSON Formatter
jsonformatter.org › vue-formatter
Vue JS Formatter and Vue JS Beautifier free and easy to use
Secure Vue JS Formatter. It's free and easy to use and formatter and Vue Beautifier also Support Vue File and URL.
🌐
Leezng's blog
leezng.github.io › blog › 2021 › 01 › 24 › vue-json-pretty-to-vue3
VueJsonPretty 版本变更记录(Vue3) | Leezng's blog
January 24, 2021 - 相对于上一个版本使用递归组件的方式,我将代码的 DOM 结构进行了“拍平”。虚拟列表是近些年比较流行的一种实现方式,项目核心逻辑从对一个 JSON 不断进行递归渲染,变成通过 js 对 JSON 数据进行解析(jsonFlatten 方法),得到一个扁平化的数组。所以,本项目经过这次改造,也顺利提供了大数据的能力支持。
🌐
npm
npmjs.com › package › @kyuda › vue-json-pretty
@kyuda/vue-json-pretty - npm
March 22, 2024 - A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install @kyuda/vue-json-pretty
    
Published   Mar 22, 2024
Version   2.0.1
Author   leezng
🌐
Siongui
siongui.github.io › 2017 › 03 › 15 › vuejs-pretty-print-json-string
[Vue.js] Pretty Print JSON String - Theory and Practice
Paste any valid JSON string in the following textarea. You will see the result of pretty print on the fly. ... <div id="vueapp"> <textarea v-model="jsonstr" rows="8" cols="40"></textarea> <pre>{{ jsonstr | pretty }}</pre> </div> <script src="https://unpkg.com/vue@2.2.4/dist/vue.js"></script>
🌐
CodeSandbox
codesandbox.io › s › example-vue-json-pretty-53nvd
Example vue-json-pretty - CodeSandbox
January 30, 2020 - Example vue-json-pretty by mickaellherminez using vue, vue-json-pretty, vuex
Published   Nov 29, 2019
Author   mickaellherminez
🌐
npm
npmjs.com › package › @souljorje › vue-json-pretty
@souljorje/vue-json-pretty - npm
May 2, 2022 - Use Vue3, see master. ... As a JSON Formatter. Get item data from JSON. Support big data. Modern browsers, Electron and Internet Explorer 11 (with polyfills) ... The CSS file is included separately and needs to be imported manually. You can either import CSS globally in your app (if supported by your framework) or directly from the component. <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>
      » npm install @souljorje/vue-json-pretty
    
Published   May 02, 2022
Version   1.8.7
Author   leezng
🌐
Awesomeopensource
awesomeopensource.com › project › leezng › vue-json-pretty
Vue Json Pretty Alternatives
基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ...