输入

基本

message: Hello
<vnt-input v-model="message"></vnt-input>

禁用

<vnt-input v-model="message" disabled></vnt-input>

自定义标签

message: Hello
<vnt-input v-model="message" label="Custom label"></vnt-input>

密码

password: 12345
<vnt-input v-model="pass" type="password"></vnt-input>

占位符

message
<vnt-input v-model="message" placeholder="Type message here"></vnt-input>

配置

disabled

默认值: false

确定输入字段是否处于禁用模式。

label

默认值: ''

控件的标签文本。

placeholder

默认值: ''

输入的占位符文本。

type

默认值: 'text'

类似标准 HTML 的 input,可以是 textnumberpassword 等。

value

默认值: ''

可以像下面这样用作 v-model

<vnt-input :value.sync="message" ...></vnt-input>