# vue-m-form

> A Vue.js component devtool

Latest version **1.0.1** (published 2018-05-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-m-form
pnpm add vue-m-form
yarn add vue-m-form
bun add vue-m-form
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-05-17 |
| First published | 2018-05-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 0 |
| Unpacked size | 1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | lanyueos@qq.com |
| Maintainers | lanyue |

## Links

- npm: https://www.npmjs.com/package/vue-m-form
- Repository: https://github.com/mengdu/m-form
- Homepage: https://mengdu.github.io/m-form/example/
- Issues: https://github.com/mengdu/m-form/issues
- npm.io page: https://npm.io/package/vue-m-form

## Recent versions

- 1.0.1 (latest) — 2018-05-17
- 1.0.0 — 2018-05-16

## README

# m-form

表单组件


[Example](https://mengdu.github.io/m-form/example/)

```ls
npm install -S vue-m-form
```

```js
import MForm from 'vue-m-form'

Vue.use(MForm)
```

**例子**

```html
<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 |

---
_Source: https://npm.io/package/vue-m-form · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._