so-form

generate form by json schema for vue.js

Usage no npm install needed!

<script type="module">
  import soForm from 'https://cdn.skypack.dev/so-form';
</script>

README

so-form, 渐进式通用vue表单

Introduction

  • so-form 是一个自动双向数据绑定,可拓展,提供 json-schema 自动渲染出对应表单组件vue插件
  • so-form 对第三方组件库无侵入,提供了高度抽象能力解决繁琐的表单配置插件

feature

  • json-schema 2 form
  • 自动双向数据绑定
  • 表单支持自定义 render(jsx 写法
  • 支持拓展 components
  • 各种方便插槽
  • 全局切换edit/preview状态
  • 目前支持element-uiiview ui框架

install

  npm i so-form --save

usage

example gif

例如下图,通过左边的简单配置,就可以生成右边表单。

example

组件

目前支持的组件

todo

  • babel插件,按需加载

Contribution

Please send pull requests improving the usage and fixing bugs, improving documentation and providing better examples, or providing some testing, because these things are important.

License

so-form is available under the MIT license.