你需要在Vue 3项目中全局或局部引入vue-json-viewer组件。这里以全局引入为例: 在你的main.js或main.ts文件中,添加以下代码来全局注册vue-json-viewer组件: javascript import { createApp } from 'vue'; import App from './App.vue'; import JsonViewer from 'vue-
技术栈:Vue 3 + Vite +TS +Antv/G6+ Pinia +vue3-json-editor 实现功能: JSON编辑生成对应视图 布局配置调整更新视图 节点收起、展开 导入、导出JSON 指定额外解析字段 4种主题随意切换 视图节点聚焦搜索 视图导出为图片 点击节点查看节点详情 画布操作(放大/缩小/居中/全屏/退出全屏) 预览地址: Bilibili演示:B...
"jsx": "preserve", "sourceMap": true, "resolveJsonModule": true, "isolatedModules": true, "esModuleInterop": true, "lib": ["ESNext", "DOM"], "skipLibCheck": true }, "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue" ] }Footer...
, "main": "dist/bundle.cjs.js", "module": "dist/bundle.esm.js", "types": "dist/bundle.d.ts", "style": "dist/index.css", "files": [ "dist" ], "scripts": { "build": "rollup -c" }, "keywords": [ "vue", "json", "vue-next", "vue3" ], "author": "davidlan <as...
v0.10.6 (04/22/2023) Support property ‘askToFormat’ Bug Fixes v0.10.5 (12/18/2022) types: use type Content, JSONContent & TextContent from ‘vanilla-jsoneditor’ v0.10.4 (12/17/2022) ‘nuxt.ts’ should be included in the tarball...
技术栈: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 Gitee:https://gitee.com/fxze...
const extensions = [".ts", ".tsx", ".js"]; export default { input:'./src/index.js', output:{ file:'./dist/bundle.esm.js', format:'esm', //若打包commonjs assetFileNames: "[name]-[hash][extname]" }, external:["vue","@vue/compiler-sfc"], plugins:[ nodeResolve({ extension...
// nuxt.config.ts export default defineNuxtConfig({ modules: ['json-editor-vue/nuxt'], }) const value = ref() <template> <JsonEditorVue v-model="value" v-bind="{/* local props & attrs */}" /> </template> Global Registration as a Plugin // ~/plugins/JsonEditorVue.client...
JSON-Viewer(JSON可视化工具) 技术栈:Vue 3 + Vite +TS +Antv/G6+ Pinia +vue3-json-editor 实现功能: JSON编辑生成对应视图 布局配置调整更新视图 节点收起、展开 导入、导出JSON 指定额外解析字段 4种主题随意切换 视图节点聚焦搜索 视图导出为图片 ...
技术栈:Vue 3 + Vite +TS + Antv/G6 + Pinia +vue3-json-editor 实现功能: 预览地址: Bilibili演示:Bilibili演示视频地址 Github:https://coderfxj.github.io/json-viewer/ Gitee:https://giteefxj.gitee.io/json-viewer 源码分享 Github:https://github.com/CoderFXJ/json-viewer/tree/dev Gitee:https:...