https://github.com/jinkin1995/vue-json-edit

Visual JSON editor built as an vue component. Provides a basic GUI
https://github.com/jinkin1995/vue-json-edit

json json-editor json-schema vue vue-components

Last synced: about 2 months ago
JSON representation

Visual JSON editor built as an vue component. Provides a basic GUI

• Host: GitHub
• URL: https://github.com/jinkin1995/vue-json-edit
• Owner: jinkin1995
• Created: 2017-10-24T00:20:23.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:08:04.000Z (almost 2 years ago)
• Last Synced: 2024-03-23T10:44:21.543Z (6 months ago)
• Topics: json, json-editor, json-schema, vue, vue-components
• Language: Vue
• Homepage:
• Size: 5.56 MB
• Stars: 286
• Watchers: 9
• Forks: 89
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue-Json-Edit

> Visual JSON Editor built as an vue component. Provides a basic GUI

## **[DEMO](http://jinkin1995.github.io/vue-json-edit)**

## Getting Started

```

npm install vue-json-edit --save

```

## Usage

``` javascript

//import it in your project At your entry point

import Vue from 'vue'

import JsonEditor from 'vue-json-edit'

  

Vue.use(JsonEditor)

```

### Props

* objData: json data

* options

    * confirmText: strings of the confirm button

    * cancelText: strings of the cancel button

## Example

Single file component

``` html

    

    

export default {

    ...

    data: function() {

        return {

            jsonData: {

                name: 'mike',

                age: 23,

                phone: '18552129932',

                address: ['AAA C1', 'BBB C2']

            }

        }

    }

}

 

```

## ..

Aplipay: 



USDT: