<Input type="text" />
<Input type="password" />
<Input type="text" />
<Input :disabled="true" />
<Input type="text" />
<Input placeholder="我是占位符" />
<template>
<span>{{ value }}</span>
<Input v-model="value" />
</template>
<script>
export default {
data() {
return {
value: ''
};
}
};
</script>
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | 输入框的值, 支持 v-model | String | — | 无 |
| type | 输入框类型 | String | text、password 或者不设置 | text |
| disabled | 输入框是否禁用 | Boolean | true | false | false |
| 事件名 | 说明 | 返回值 |
|---|---|---|
| input | 输入框内容改变时触发 | 改变后的内容 |
| focus | 输入框聚焦时触发 | 无 |
| blur | 输入框失去焦点时触发 | 无 |