docs(Field): add basic usage document

This commit is contained in:
陈嘉涵
2020-02-10 15:54:29 +08:00
parent cb83240372
commit 0e23124c3a
5 changed files with 194 additions and 54 deletions
+42
View File
@@ -13,6 +13,48 @@ Vue.use(Form);
### 基础用法
```html
<van-form @submit="onSubmit" @failed="onFailed">
<van-field
v-model="username"
name="用户名"
label="用户名"
placeholder="用户名"
:rules="[{ required: true, message: '请填写用户名' }]"
/>
<van-field
v-model="password"
type="password"
name="密码"
label="密码"
placeholder="密码"
:rules="[{ required: true, message: '请填写密码' }]"
/>
<div style="margin: 16px;">
<van-button round block type="info">提交</van-button>
</div>
</van-form>
```
```js
export default {
data() {
return {
username: '',
password: '',
};
},
methods: {
onSubmit(values) {
console.log('submit', values);
},
onFailed(errorInfo) {
console.log('failed', errorInfo);
},
},
}
```
## API
### Props