v-jsoneditor

> Vue JSONEditor

Try the demo

https://yansenlei.github.io/VJsoneditor/

!demo

Installation

``bash
npm install v-jsoneditor
`

Using

$3

`javascript
import Vue from 'vue'
import VJsoneditor from 'v-jsoneditor'

Vue.use(VJsoneditor)
`

$3

`javascript
import VJsoneditor from 'v-jsoneditor'

export default {
name: 'app',
components: {
VJsoneditor
},
data() {
return {
json: {
"hello": "vue"
}
}
},
methods: {
onError() {
console.log('error')
}
}
}
`

$3


`html


`

$3

`html

`

$3

| Name | Description | type | default |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-----: | :--------------: |
| options | Jsoneditor params, You can look at the detailed configuration | Object | { mode: 'code' } |
| value(v-model) | Object value | Object | { } |
| plus | Whether full screen switching is added | Boolean | true |
| height | Default height | String | - |

$3

| Name | Description |
| ----- | -------------- |
| error | Error callback |

Build Setup

` bash


install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build
``