# Input 输入框

输入框,可附带前缀、后缀图标, 可设置禁用状态,可自定义样式

# 默认输入框



<zhb-input placeholder='请输入关键字'></zhb-input>

# 带后缀的输入框



<zhb-input placeholder='请输入关键字' suffixIcon="{{suffixIcon}}"></zhb-input>

# 带前缀的输入框



<zhb-input placeholder='请输入关键字' prefixIcon="{{prefixIcon}}" suffixIcon="{{suffixIcon}}"></zhb-input>

# 禁用状态的输入框




 
通过 `disabled` 属性指定是否禁用 input 组件

<zhb-input placeholder='请输入关键字' disabled></zhb-input>

# 带有清空按钮的输入框



<zhb-input placeholder='请输入关键字' clearable></zhb-input>

# Attributes

属性 说明 类型 默认值
value 输入框内容 String -
type 输入框类型(目前支持 text number password phone(电话号码) bankCard(银行卡号) amount(金额) String text
placeholder 占位 String -
disabled 是否禁用 Boolean false
prefixIcon 带有前缀图标的input String -
suffixIcon 带有后缀图标的input String -
@change 监测数据改变事件 function -