json-editor-vue3 GitHub官网：GitHub - guyue88/json-editor-vue3

一. 介绍

基于 jsoneditor 开发的vue3 json editor，支持全屏编辑，有完善的事件回调，可以在失去焦点时，对编辑器内容做校验。

二. 安装

npm install json-editor-vue3

三. 全局安装

import Vue from 'vue' import JsonEditorVue from 'json-editor-vue3'  Vue.use(JsonEditorVue)

四. 关于：vue3+ts无法渲染，报错 jsoneditor does not provide an export named 'default'

1. 安装插件 @originjs/vite-plugin-commonjs

npm install @originjs/vite-plugin-commonjs

2. vite.config.js 内

// vite.config.js import { viteCommonjs } from '@originjs/vite-plugin-commonjs' export default defineConfig({   plugins: [vue(),viteCommonjs()], })

五. 完整项目代码（将代码中接口相关代码替换成自己的！！！）

注：本项目中，按钮样式、成功失败提示，使用 Ant-Design-Vue插件，按需安装插件。官方网址：Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js