@axolo/json-editor-vue

Vue 的一个简单的 JSON 编辑器 代码 第6版 (中文(简体) ).

安装

npm i @axolo/json-editor-vue

使用量

<script>
import JsonEditor from '@axolo/json-editor-vue'

export default {
  components: {
    JsonEditor
  },
  data() {
    return {
      json: {
        required: true,
        message: 'please input content'
      }
    }
  }
}
</script>

<template>
  <json-editor
    v-model="json"
    codec
    dark
    placeholder="please input json"
    @change="console.log"
    @error="console.error"
  />
</template>

道具

代码c

格式

输出

方远明 2023-12-09 (中文(简体) )