tingle-textarea-field
v0.2.3
Published
textarea 域,支持设置 autosize
Downloads
8
Readme
TextareaField 多行文本框
这是一个 tingle 组件,表单多行文本框,包括标题和表单。
Simple Usage
<TextareaField label="三个字" minRows={2} maxRows={5}
placeholder="3个行高 最大5个行高" value={t.state.remark}
onChange={t.handleChange.bind(t)}/>
<TextareaField label="只读" value="不能更改" readOnly={true}/>
可用配置
| 配置项 | 类型 | 默认值 | 功能/备注 | |---|----|---|----| |minRows|Interger|1|最小显示行| |maxRows|Interger|10|最大行,超过则显示滚动条| |placeholder|String|``|提醒文案,默认空| |readOnly|Boolean|false|是否只读,只读时不能输入,默认false| |lineHeight|Interger|24|行高| |onChange|Function| function() {} | 输入内容变化时触发 | |onFocus|Function| function() {} | 获取到输入焦点时触发 | |onBlur|Function| function() {} | 与pc端一致,鼠标离开时响应 |
事件
onChange(newValue, e)
// 新值和事件对象
handleChange(newValue,e) {
}