v-jsoneditor

WebJar for v-jsoneditor

License	MIT
Categories	JSON Data
GroupId	org.webjars.npm
ArtifactId	v-jsoneditor
Last Version	1.2.3
Release Date	Apr 16, 2020
Type	jar
Description	v-jsoneditor WebJar for v-jsoneditor
Project URL	https://www.webjars.org
Source Code Management	https://github.com/yansenlei/VJsoneditor

Download v-jsoneditor

Filename	Size
v-jsoneditor-1.2.3.pom
v-jsoneditor-1.2.3.jar	1 MB
v-jsoneditor-1.2.3-sources.jar	22 bytes
v-jsoneditor-1.2.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/v-jsoneditor/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>v-jsoneditor</artifactId>
    <version>1.2.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/v-jsoneditor/
implementation 'org.webjars.npm:v-jsoneditor:1.2.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/v-jsoneditor/
implementation ("org.webjars.npm:v-jsoneditor:1.2.3")

Apache Buildr

'org.webjars.npm:v-jsoneditor:jar:1.2.3'

Apache Ivy

<dependency org="org.webjars.npm" name="v-jsoneditor" rev="1.2.3">
  <artifact name="v-jsoneditor" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='v-jsoneditor', version='1.2.3')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "v-jsoneditor" % "1.2.3"

Leiningen

[org.webjars.npm/v-jsoneditor "1.2.3"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : jsoneditor	jar	[7.0.5,8)

Project Modules

There are no modules declared in this project.

v-jsoneditor

Vue JSONEditor

Try the demo

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

Installation

npm install v-jsoneditor

Using

Import globally

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

Vue.use(VJsoneditor)

Import

import VJsoneditor from 'v-jsoneditor'

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

Browser

<script src='https://unpkg.com/vue@latest'></script>
<script src="./dist/v-jsoneditor.min.js"></script>

Use in template

<v-jsoneditor v-model="json" :options="options" :plus="false" height="400px" @error="onError">

Options

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	-

Events

Name	Description
error	Error callback

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Versions

Version
1.2.3 Apr 16, 2020