npm.io
1.0.1 • Published 8 years ago

vue-m-form

Licence
MIT
Version
1.0.1
Deps
0
Size
1.0 MB
Vulns
0
Weekly
0

m-form

表单组件

Example

npm install -S vue-m-form
import MForm from 'vue-m-form'

Vue.use(MForm)

例子

<m-form @submit.native.prevent="">
  <m-form-item label="Username" required>
    <input type="text" class="form-control" placeholder="Username">
  </m-form-item>
  <m-form-item label="Password" required>
    <input type="text" class="form-control" placeholder="Password">
  </m-form-item>
  <m-form-item label="NickName">
    <input type="text" class="form-control" placeholder="NickName">
  </m-form-item>
  <m-form-item>
    <m-button>提交</m-button>
  </m-form-item>
</m-form>

MForm Attributes

参数 说明 类型 可选值 默认值
inline 显示行模式 Boolean — false
label-width 标签长度 String/Number — —
label-position 标签位置 String — —

MFormItem Attributes

参数 说明 类型 可选值 默认值
label 标签名 String — —
label-width 标签长度 String/Number — —
required 必须 Boolean — false