SubmitTextarea
一个方便的文本输入框
- 自动高度
- 回车提交
- 中文输入优化:防止中文拼音输入中回车触发提交
- 受控/非受控模式
- 自动清空:非受控模式提交自动清空
用法
自动高度
显示代码
按钮在底部
显示代码
受控模式
显示代码
API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 输入框内容 | string | - |
| placeholder | 占位提示文字 | string | '请输入' |
| disabled | 是否禁用 | boolean | false |
| maxHeight | 最大高度,超出显示滚动条 | string | number | '200px' |
| toolInBottom | 按钮区域是否在底部 | boolean | false |
| wrapClass | 外层容器样式 | string | - |
| submitBtnClass | 提交按钮样式 | string | - |
| showSubmitBtn | 是否显示提交按钮 | boolean | true |
| autoHeight | 是否自动高度 | boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| submit | 提交时触发 | (value: string) |
| input | 输入内容变化时触发 | (value: string) |
Slots
| 插槽名 | 说明 |
|---|---|
| btns | 按钮区域 |
| submitBtn | 提交按钮 |