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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容