docs(Field): add more demos

This commit is contained in:
陈嘉涵
2020-01-09 14:38:39 +08:00
committed by neverland
parent a374c48ea9
commit 6d3d976b50
3 changed files with 95 additions and 9 deletions
+35 -2
View File
@@ -69,16 +69,49 @@ export default {
### 禁用输入框
通过`readonly`将输入框设置为只读状态,通过`disabled`将输入框设置为禁用状态
```html
<van-cell-group>
<van-field label="文本" value="输入框只读" readonly />
<van-field label="文本" value="输入框已禁用" disabled />
</van-cell-group>
```
### 显示图标
通过`left-icon`和`right-icon`配置输入框两侧的图标,通过设置`clearable`在输入过程中展示清除图标
```html
<van-cell-group>
<van-field
v-model="value1"
label="文本"
value="输入框已禁用"
disabled
left-icon="smile-o"
right-icon="warning-o"
placeholder="显示图标"
/>
<van-field
v-model="value2"
clearable
label="文本"
left-icon="music-o"
placeholder="显示清除图标"
/>
</van-cell-group>
```
```js
export default {
data() {
return {
value1: '',
value2: '123'
};
}
};
```
### 错误提示
通过`error`或者`error-message`属性增加对应的错误提示