# Input 输入框
# Example
import { input } from 'vigour';
// input.name === 'vigour-input'
# Basic
<vigour-input v-model="value"></vigour-input>
# Clearable
When the clearable
attribute is true
, you can clear the text with one click.
当 clearable
属性为 true
时,可以一键清空文本。
<vigour-input v-model="value" clearable></vigour-input>
# Placeholder
<vigour-input v-model="value" placeholder="请输入内容"></vigour-input>
# Types
The attribute of type
is the same as that of native input element. The following is what happens when type
is password
.
type
属性与原生 input 元素的属性一样,以下是当 type
为 password
时的情况。
<vigour-input
v-model="value"
placeholder="请输入密码"
type="password"
clearable
></vigour-input>
# Read Only
<vigour-input v-model="value" readonly></vigour-input>
# Disabled
<vigour-input v-model="value" disabled></vigour-input>
# Props
prop | type | default value | available value |
---|---|---|---|
v-model | any | - | - |
clearable | boolean | false | - |
placeholder | string | - | - |
readonly | boolean | false | - |
disabled | boolean | false | - |