一、概述 有一个vue3的项目需要用到json编辑器,需要快速编辑json数据,还需要支持全屏编辑,以及json校验。json-editor-vue3就可以实现这个功能。 二、json-editor-vue3的使用 插件示例 安装插件 npm install json-editor-vue3 --save 插件引入 全局引入 import Vue from 'vue' import JsonEditorVue from 'json-...
languageArray语言en 事件 NameTypeDescription update:modelValue(json: Object) => voidjson 更新 change(json: Object) => void;json 更新 textSelectionChange(editor:Editor, start: number, end: number, text: string) => void;选择文本时触发的回调函数 ...
import'ace-builds/src-noconflict/ext-language_tools';//ace编辑器配置const aceConfig=reactive({ lang:'json',//解析jsontheme:'chrome',//主题arr: [/*所有主题*/"ambiance","chaos","chrome","clouds","clouds_midnight","cobalt","crimson_editor","dawn","dracula","dreamweaver","eclipse","githu...
change-query-languageInvoked when the user changes the selected query language in the TransformModal via the configuration button top right.(queryLanguageId: string) focusFired when the editor got focus.() blurFired when the editor lost focus.() ...
change-query-languageInvoked when the user changes the selected query language in the TransformModal via the configuration button top right.(queryLanguageId: string) focusFired when the editor got focus.() blurFired when the editor lost focus.() ...