1.0.1 • Published 4 years ago

form-view-builder v1.0.1

Weekly downloads
2
License
ISC
Repository
-
Last release
4 years ago

form builder 文档

使用

  1. 安装依赖
npm install form-view-builder -S
  1. 初始化
import FormBuilder from 'form-view-builder'
import 'form-view-builder/dist/form-view-builder.css'
Vue.use(FormBuilder)
  1. 代码示例
<template>
  <form-view-builder
    v-model="value"
    ref="form"
    v-if="config"
    :json="json"
    :custom="config"
    :controls="controls"
    :state="state"
    @validate="idValidate" />
</template>
<script>
export default {
  data() {
    return {
      value: {},
      config: {},
      json: {},
      controls: {},
      state: ''
    }
  },
  methods: {
    idValidate() {
      console.log('---校验---')
    }
  }
}
</script>
  1. API
属性说明类型默认值
value数据源,由 json 中 name 自动生成的数据源Object{}
controls控制项, 由 json 中 controls 自动生成的控制项,其中 show 属性由 form 自动生成。Object-
config自定义方法配置项,配置项中方法名与 json 中 config 中方法名保持一致,用于组件触发相应方法Object-
state状态栏,值与 json 中 controls 中子属性的状态相对应Stringinsert
json配置文件,最核心的配置项,详情见 json配置详情Object-
1.0.1

4 years ago

1.0.4-alpha

4 years ago

1.0.3-alpha

4 years ago

1.0.2-alpha

4 years ago

1.0.1-alpha

4 years ago

1.0.0-alpha

4 years ago