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: 1 day 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 (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:08:04.000Z (about 2 years ago)
• Last Synced: 2025-01-03T15:11:50.146Z (9 days ago)
• Topics: json, json-editor, json-schema, vue, vue-components
• Language: Vue
• Homepage:
• Size: 5.56 MB
• Stars: 288
• Watchers: 9
• Forks: 88
• 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: