https://github.com/fluency03/vue-json-form

vue-json-form
https://github.com/fluency03/vue-json-form

iview iviewui vue vue-components vuejs vuejs2

Last synced: 4 months ago
JSON representation

vue-json-form

• Host: GitHub
• URL: https://github.com/fluency03/vue-json-form
• Owner: fluency03
• License: mit
• Created: 2017-04-06T10:09:44.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-22T14:59:00.000Z (about 9 years ago)
• Last Synced: 2025-10-21T16:58:58.227Z (8 months ago)
• Topics: iview, iviewui, vue, vue-components, vuejs, vuejs2
• Language: JavaScript
• Size: 105 KB
• Stars: 13
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue-json-form

[![Version npm](https://img.shields.io/npm/v/vue-json-form.svg)](https://www.npmjs.com/package/vue-json-form)

[![Downloads npm](https://img.shields.io/npm/dt/vue-json-form.svg)](https://www.npmjs.com/package/vue-json-form)

[![MIT license](https://img.shields.io/npm/l/vue-json-form.svg)](https://opensource.org/licenses/MIT)

[![GitHub stars](https://img.shields.io/github/stars/fluency03/vue-json-form.svg?style=social&label=Star)](https://github.com/fluency03/vue-json-form)

[![JavaScript Style Guide](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)

A Vue.js component generating form from JSON.

This project is mainly for demonstrating how a JSON can be converted to a form view. No `submit`, `reset` or relevant form functionalities are implemented. All of this is due to one of [my another project](https://github.com/dockeron/dockeron), where I would like to do some configurations or settings via form but more suitable form API request parameter/body format.

[**Live Demo**](http://fluency03.com/demo/vue-json-form/)

TODOs:

- implement delete feature

## Usage

```javascript

git clone https://github.com/fluency03/vue-json-form

cd vue-json-form

npm install

npm run dev

```

![](./demo.png)