Skip to content

rushuinet/vue2-json-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

License

MIT