Skip to content

Textarea 多行输入框

基本使用

template
<c-textarea v-model:value="value" />

API

Textarea Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsTextareaPropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
textarea-classHTMLAttributes['class']undefinedtextarea 的自定义类名
textarea-styleHTMLAttributes['style']undefinedtextarea 的自定义样式
valuestringundefined输入框的内容
placeholderstringundefined输入框为空时占位符
sizestring | numberm字体大小。 使用说明
heightstring | numberundefined高度
readonlybooleanundefined是否只读
show-countbooleanundefined是否显示输入字数统计
count-propsTextPropsundefinedTextProps
borderbooleanundefined是否显示边框
border-bottombooleanundefined是否显示下边框
radiusstring | numberundefined圆角值。 使用说明
pathstringundefinedCForm value 对象的属性名,用于校验
no-feedbackbooleanundefined是否不展示校验反馈
disabledbooleanundefined是否禁用
maxlengthnumber140最大输入长度,设置为 -1 的时候不限制最大长度
focusbooleanundefined获取焦点。在 H5 平台能否聚焦以及软键盘是否跟随弹出,取决于当前浏览器本身的实现。nvue 页面不支持,需使用组件的 focus()、blur() 方法控制焦点
auto-heightbooleanfalse是否自动增高,设置auto-height时,style.height不生效

Textarea Slots

名称参数说明
count()自定义统计内容

Textarea Methods

名称类型说明
focus() => void获取焦点

Textarea Events

名称参数说明
update:value(value: string) => voidvalue change 时触发
input(event: any) => void说明
focus(event: any) => void说明
blur(event: any) => void说明
confirm(event: any) => void说明
keyboardheightchange(event: any) => void说明
linechange(event: any) => void说明