@ohion/form-builder v0.2.0

@ohion/form-builder

Base on Vue3 and Element-plus

基础用法

<template>
  <div>
    <OhionFormBuilder :model="model" :formItems="formItems">
    </OhionFormBuilder>
  </div>
</template>

<script setup lang="tsx">
import OhionFormBuilder from '@ohion/form-builder'

import { ref } from 'vue'

const model = ref({ name: 'john', age: 18 })

const formItems = [
  {
    prop: 'name',
    label: 'name',
    type: 'input' // turn into 'el-input'
  },
  {
    prop: 'age',
    label: 'age',
    type: 'input-number' // turn into 'el-input-number'
  }
]
</script>

组件API

属性（除以下属性，其余属性同Element Plus Form Props）

方法

事件

FormItemConfig属性（除以下属性，其余属性同Element Plus Form Item Props）