@ezijing/vue-form

基于Vue Element-UI的表单
3,486
Install
npm install @ezijing/vue-form
Latest Version:2.5.32
Vue:2
Last Updated:Apr 23, 2024
Links: npm
Maintainer: god_zyx

vue-form

安装

npm install @ezijing/vue-form --save

或

yarn add @ezijing/vue-form --save

使用

全局使用

import VueForm from 'vue-form'

Vue.use(VueForm)

组件中使用

<template>
  <vue-form :model="formModel" :items="formItems" />
</template>
<script>
import VueForm from 'vue-form'

export default {
  components: { VueForm },
  data() {
    return {
      formModel: {
        name: ''
      },
      formItems: [
        {
          type: 'input',
          model: 'name',
          placeholder: '请输入昵称'
        }
      ]
    }
  }
}
</script>

属性

From 属性

属性 类型 说明
options Object el-form 属性配置参考:https://element.eleme.cn/#/zh-CN/component/form#form-attributes
model Object 数据模型
items Array 表单项

Form-Item 属性

参考:https://element.eleme.cn/#/zh-CN/component/form#form-item-attributes

方法

参考:https://element.eleme.cn/#/zh-CN/component/form#form-methods

事件

事件名 返回值 说明
submit 类型:Object; 说明:数据模型 提交

Related Packages

irdd

vue组件深度封装和方法库

1,605 2
element-ui-el-table-draggable

Make 'el-table' of 'element UI' sortable.

88,520 110
nuxt-element-ui

A Nuxt module for Element UI.

9,327
zfs-component

basic components of zfs

6,473

Version History

Version Released Vue License
2.5.32 ^2.7.16
2.5.31 ^2.7.16
2.5.30 ^2.7.16
2.5.29 ^2.7.16
2.5.28 ^2.7.16