{"id":14973718,"url":"https://github.com/yansenlei/vjsoneditor","last_synced_at":"2025-05-15T11:08:10.546Z","repository":{"id":44008081,"uuid":"129579590","full_name":"yansenlei/VJsoneditor","owner":"yansenlei","description":":large_blue_diamond: vue use jsoneditor ","archived":false,"fork":false,"pushed_at":"2024-12-24T05:09:16.000Z","size":4804,"stargazers_count":183,"open_issues_count":26,"forks_count":45,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-14T19:57:16.919Z","etag":null,"topics":["jsoneditor","vue","vue-component"],"latest_commit_sha":null,"homepage":"https://yansenlei.github.io/VJsoneditor/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yansenlei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-15T05:19:40.000Z","updated_at":"2025-03-23T23:41:28.000Z","dependencies_parsed_at":"2025-03-10T03:00:19.125Z","dependency_job_id":"604a1a80-b3b3-43d6-9faf-1a89f44ccc47","html_url":"https://github.com/yansenlei/VJsoneditor","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yansenlei%2FVJsoneditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yansenlei%2FVJsoneditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yansenlei%2FVJsoneditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yansenlei%2FVJsoneditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yansenlei","download_url":"https://codeload.github.com/yansenlei/VJsoneditor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254328384,"owners_count":22052632,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jsoneditor","vue","vue-component"],"created_at":"2024-09-24T13:49:17.810Z","updated_at":"2025-05-15T11:08:10.522Z","avatar_url":"https://github.com/yansenlei.png","language":"Vue","readme":"[![npm version](https://badge.fury.io/js/v-jsoneditor.svg)](https://badge.fury.io/js/v-jsoneditor)\n[![Build Status](https://api.travis-ci.org/yansenlei/VJsoneditor.svg?branch=master)](https://travis-ci.org/yansenlei/VJsoneditor) \n[![license](https://img.shields.io/npm/l/express.svg)](https://github.com/yansenlei/VJsoneditor/blob/master/LICENSE) \n[![license](https://img.shields.io/npm/dm/v-jsoneditor.svg)](https://github.com/yansenlei/VJsoneditor/blob/master/LICENSE) \n\n# v-jsoneditor\n\n\u003e Vue JSONEditor\n\n## Try the demo\n\n![demo](./v-jsoneditor.gif)\n\n## Installation\n\n```bash\nnpm install v-jsoneditor\n```\n\n## Using\n\n### Import globally\n\n```javascript\nimport Vue from 'vue'\nimport VJsoneditor from 'v-jsoneditor'\n\nVue.use(VJsoneditor)\n```\n\n### Import\n\n```javascript\nimport VJsoneditor from 'v-jsoneditor'\n\nexport default {\n    name: 'app',\n    components: {\n        VJsoneditor\n    },\n    data() {\n        return {\n            json: {\n                \"hello\": \"vue\"\n            }\n        }\n    },\n    methods: {\n        onError() {\n            console.log('error')\n        }\n    }\n}\n```\n\n### Browser\n```html\n\u003cscript src='https://unpkg.com/vue@latest'\u003e\u003c/script\u003e\n\u003cscript src=\"./dist/v-jsoneditor.min.js\"\u003e\u003c/script\u003e\n```\n\n### Use in template\n\n```html\n\u003cv-jsoneditor v-model=\"json\" :options=\"options\" :plus=\"false\" height=\"400px\" @error=\"onError\"\u003e\n```\n\n### Options\n| Name           | Description                                                                                                                                                   | type    | default          |\n| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-----: | :--------------: |\n| options        | Jsoneditor params, You can look at the detailed  [configuration](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#configuration-options?blank) | Object  | { mode: 'code' } |\n| value(v-model) | Object value                                                                                                                                                  | Object  | { }              |\n| plus           | Whether full screen switching is added                                                                                                                        | Boolean | true             |\n| height         | Default height                                                                                                                                                | String  | -                |\n\n### Events\n| Name  | Description    |\n| ----- | -------------- |\n| error | Error callback |\n\n\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyansenlei%2Fvjsoneditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyansenlei%2Fvjsoneditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyansenlei%2Fvjsoneditor/lists"}