vue2-json-editor-formatter

一个用vue2.0写的json编辑器，包含格式校验、错误提示和格式化功能。改写自react-json-editor-ajrm

Usage

# install deps
npm install vue2-json-editor-formatter -S

html部分

<json-editor v-model="jsonData"></json-editor>

js部分

import JsonEditor from 'vue2-json-editor-formatter';
    export default {
        name: "JsonEditorDemo",
        components: {
            JsonEditor
        },
        data() {
            return {
                jsonData: [3,4]
            }
        }
    }

v-model双向数据绑定

v-model是一个json字符串。JsonEditor接受一个json字符串，并输出一个json字符串。

Features

• 支持v-model双向绑定
• 支持只读模式viewOnly

npm

https://www.npmjs.com/package/vue2-json-editor-formatter