一個(gè)用vue2.0寫(xiě)的json編輯器，包含格式校驗(yàn)、錯(cuò)誤提示和格式化功能。改寫(xiě)自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雙向數(shù)據(jù)綁定

v-model是一個(gè)json字符串。JsonEditor接受一個(gè)json字符串，并輸出一個(gè)json字符串。

Features

• 支持v-model雙向綁定
• 支持只讀模式viewOnly

npm

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