1.0.0 • Published 2 years ago

json-editor-v3 v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

json-editor-v3

基于 jsonEditor 和 vue3 封装的 json 可视化编辑器组件, 可全屏显示

安装

npm i json-editor-v3

使用

全局引入

import { createApp } from "vue";
const app = createApp(App);
import JsonEditorV3 from "json-editor-v3";
app.use(JsonEditorV3);

局部引入

setup 语法糖不用注册组件

import JsonEditorV3 from "json-editor-v3";
export default {
  components: { JsonEditorV3 },
};

示例

<json-editor-v3
  @change="change"
  v-model="jsonList"
  titleBg="#444"
></json-editor-v3>

属性

参数类型是否必需默认值说明
modeStringcode可选值:code,text,tree,preview
v-modelObject, Array[]编辑器 json 值
heightNumber400编辑器高度
isFullBooleantrue是否可以全屏
titleBgString#1890ff编辑器标题背景颜色
bdColorString#1890ff编辑器边框颜色
editBgString#fff编辑器区域背景颜色

事件

事件名称回调参数说明
changeFunction(Object)改变 json 数据时的触发