这是一个 tingle 组件,表单多行文本框,包括标题和表单。
<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端一致,鼠标离开时响应 |
// 新值和事件对象
handleChange(newValue,e) {
}