$ npm install vue3-json-viewer --save RecentUpdate dark theme support Add click event for keyNode Support RegExp types Doc document Usage main.js import{createApp}from"vue";importAppfrom"./App.vue";importJsonViewerfrom"vue3-json-viewer";// if you used v1.0.5 or latster ,you should ...
vue-json-viewer组件提供了多个属性来配置其展示方式,如indent(缩进大小)、theme(主题)等。你可以根据需要来配置这些属性。例如: vue <template> <div> <h1>JSON Viewer Example</h1> <JsonViewer :json="myJsonData" :indent="2" theme="monokai_sublime" /> </...
dark theme support Add click event for keyNode Support RegExp types Doc document Usage main.js import{createApp}from"vue";importAppfrom"./App.vue";importJsonViewerfrom"vue3-json-viewer";// if you used v1.0.5 or latster ,you should add import "vue3-json-viewer/dist/index.css"import"...
$ npm i vue-json-viewer@3 Description: A simple and user-friendly JSON viewer for Vue 3 and Vue 2. Supports server side rendering. How to use it: 1. Import and register the JSON viewer. import JsonViewer from 'vue-json-viewer' Vue.use(JsonViewer); 2. Add the JsonViewer component t...
$ npm install vue3-json-viewer --save RecentUpdate dark theme support Add click event for keyNode Support RegExp types Doc document Usage main.js import{createApp}from"vue";importAppfrom"./App.vue";importJsonViewerfrom"vue3-json-viewer";// if you used v1.0.5 or latster ,you should ...
<template> light <JsonViewer :value="jsonData" copyable boxed sort theme="light" :allowImageShow="true" /> dark <JsonViewer :value="jsonData" copyable boxed sort theme="dark" /> </template> // import component import { JsonViewer } from "vue3-json-source-viewer"; // mock data ...
<template> light <JsonViewer :value="jsonData" copyable boxed sort theme="jv-light"/> dark <JsonViewer :value="jsonData" copyable boxed sort theme="jv-dark"/> </template> import {JsonViewer} from "vue3-json-source-viewer" import "vue3-json-source-viewer/dist/index.css"; import ...