mirror of
https://github.com/Ssl1S/json-schema-editor-vue.git
synced 2025-12-30 01:37:55 +08:00
51 lines
935 B
Markdown
51 lines
935 B
Markdown
|
|
<p align="center">
|
|
<img width="60" src="https://github.com/zyqwst/json-schema-editor-vue/blob/master/examples/assets/logo.png">
|
|
</p>
|
|
<p align="center">json-schema-editor-vue</p>
|
|
<hr/>
|
|
<p align="center">A json-schema editor of high efficient and easy-to-use, base on Vue</p>
|
|
<p align="center">
|
|
<img width="100%" src="https://raw.githubusercontent.com/zyqwst/json-schema-editor-vue/master/examples/assets/capture.png">
|
|
</p>
|
|
|
|
### Usage
|
|
|
|
```
|
|
npm install json-schema-editor-vue
|
|
```
|
|
|
|
```vue
|
|
import JsonSchemaEditor from '../packages/index'
|
|
Vue.use(JsonSchemaEditor)
|
|
```
|
|
```vue
|
|
<template>
|
|
<div id="app">
|
|
...
|
|
<json-schema-editor :value="tree"/>
|
|
...
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'App',
|
|
data() {
|
|
return {
|
|
tree:
|
|
{
|
|
root: {
|
|
type: "object"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
```
|
|
|
|
Don't forget to star if it helped!
|
|
|
|
如果对您有帮助，别忘记给个星哦
|