传递JSON数据到vue-json-viewer组件: 通过Vue组件的props将数据传递给JsonViewer组件。在上述示例中,我们使用了:json="myJsonData"来传递myJsonData数据。 配置vue-json-viewer的显示选项(可选): vue-json-viewer组件提供了多个属性来配置其展示方式,如indent(缩进大小)、theme(主题)等。你可以根据需要来配置这些...
1. **安装`vue-json-viewer`**: 使用npm或yarn安装`vue-json-viewer`: ```bash npm install vue-json-viewer #或 yarn add vue-json-viewer ``` 2. **在组件中引入并使用`vue-json-viewer`**: ```html <!-- YourComponent.vue --> <template> <json-viewer :data="jsonData" :options=...
import "@/assets/scss/jvStyle.scss"; import "vue3-json-viewer/dist/index.css"; <json-viewer :value="viewParam" boxed :sort="true" :expand-depth=5 :copyable="{ copyText: '复制代码', copiedText: '复制成功' }" @copied="textCopy" ></json-viewer> main.js import {createApp} from '...
JSON-Viewer(JSON可视化工具) 技术栈:Vue 3 + Vite +TS + Antv/G6 + Pinia +vue3-json-editor 实现功能: 预览地址: Bilibili演示:Bilibili演示视频地址 Github:https://fxzer.github.io/json-viewer/ Gitee:https://fxzer.gitee.io/json-viewer 源码分享 Github:https://github.com/fxzer/json-viewer Gi...
{JsonViewer}from"vue3-json-viewer"import"vue3-json-viewer/dist/index.css";import{reactive,ref}from"vue";letobj={name:"qiu",//字符串age:18,//数组isMan:false,//布尔值date:newDate(),fn:()=>{},arr:[1,2,5]};constjsonData=reactive(obj);.box{margin-top:1rem; } Install npm ivue...
邱权武(qiuquanwu)/vue3-json-viewer 代码Issues0Pull Requests0Wiki统计流水线 服务 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 分支(1) 管理 管理 master 克隆/下载 HTTPSSSHSVNSVN+SSH ...
Then installvue3-json-viewer $ 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...
{JsonViewer} from "vue3-json-source-viewer" import "vue3-json-source-viewer/dist/index.css"; import { reactive, ref } from "vue"; let obj = { name: "qiu",//string age: 18,//array isMan:false,//boolean date:new Date(), fn:()=>{}, arr:[1,2,5] }; const jsonData = ...
A free, fast, and reliable CDN for vue3-json-source-viewer. Vue.js JSON viewer component, compatible with vue3, image browsing supported.
{ "name": "vue3-json-source-viewer", "version": "2.4.2", "description": "Vue.js JSON viewer component, compatible with vue3, image browsing supported.", "main": "dist/bundle.cjs.js", "module": "dist/bundle.esm.js", "types": "dist/bundle.d.ts", "style": "dist/index.css"...