0.0.45 • Published 5 years ago
vue-fa-form v0.0.45
vue-fa-form
一个基于 Vue.js 与 Element-UI 的表单构建组件
特点:
- 支持大量表单项,内置数据验证
- 通过 JSON 形式构建,支持复杂对象
安装
使用 npm 或者 yarn 进行安装
$ npm install vue-fa-form
$ yarn add vue-fa-form
如何使用
import VueFaForm from 'vue-fa-form'
<template>
<vue-fa-form
:form-item="formItems"
:get-form-data="getFormData"
@submit="submit"
/>
</template>
import VueFaForm from './vue-fa-form'
export default {
components: {
VueFaForm
},
data: () => ({
formItems: [
{
label: '文本框',
key: 'text',
type: 'text',
rules: [
{
required: true,
trigger: 'blur',
message: '文本框必填'
}
]
}
// ...
],
getFormData: () => ({
text: ''
// ...
})
}),
methods: {
submit(data) {
console.log(data)
}
}
}
文档
Author
License
Conclusion
If you think my project is good👏 . Give a Star⭐ encouragement.
0.0.45
5 years ago
0.0.44
5 years ago
0.0.43
5 years ago
0.0.42
5 years ago
0.0.41
5 years ago
0.0.40
5 years ago
0.0.39
5 years ago
0.0.38
5 years ago
0.0.37
5 years ago
0.0.36
5 years ago
0.0.35
5 years ago
0.0.34
5 years ago
0.0.33
5 years ago
0.0.32
5 years ago
0.0.31
5 years ago
0.0.30
5 years ago
0.0.29
5 years ago
0.0.28
5 years ago
0.0.27
5 years ago
0.0.26
5 years ago
0.0.25
5 years ago
0.0.24
5 years ago
0.0.23
5 years ago
0.0.22
5 years ago
0.0.21
5 years ago
0.0.20
5 years ago
0.0.19
5 years ago
0.0.18
5 years ago
0.0.17
5 years ago
0.0.16
5 years ago
0.0.15
5 years ago
0.0.14
5 years ago
0.0.13
5 years ago
0.0.12
5 years ago
0.0.11
5 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago