vue3中json编辑器

vue3的第三方插件 实现json编辑器

• 安装依赖

npm i vue3-ace-editor

• 引入

  import {
   reactive,defineComponent} from 'vue'  
  import {
   VAceEditor} from 'vue3-ace-editor';
  import "ace-builds/webpack-resolver";
  import 'ace-builds/src-noconflict/mode-json';
  import 'ace-builds/src-noconflict/theme-chrome';
  import 'ace-builds/src-noconflict/ext-language_tools';

• 使用 要设置高度，本身没有高度

<v-ace-editor
  v-model:value="dataForm.textareashow"
  @init="initFail"
  lang="json"
  :theme="aceConfig.theme"
  :options