Skip to content
iuiDesign
100%
02:32
本页目录

多行纯文本编辑控件,适用于评论或反馈表单中的一段意见。

基本使用

可以用于多行输入。

html
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
></iui-textarea>
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
></iui-textarea>

禁用状态

通过 disabled 属性来禁用多行文本输入框。

html
<iui-textarea disabled placeholder="Disabled"></iui-textarea>
<iui-textarea disabled placeholder="Disabled"></iui-textarea>

字数统计

通过 showLimit 属性来开启字数统计。

html
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
  showLimit
></iui-textarea>
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
  showLimit
></iui-textarea>

高度限制

设置高度限制,输入区域不会超过设置的高度。

html
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
  showLimit
  :height="50"
></iui-textarea>
<iui-textarea
  placeholder="Please enter the content of no less then 10 characters"
  showLimit
  :height="50"
></iui-textarea>

API

<Textarea>props
参数描述类型默认值
modelValue (v-model)输入框的值String-
disabled是否禁用Booleanfalse
maxlength最大输入长度, 设置为 -1 的时候不限制最大长度Number140
placeholder输入框为空时占位符String-
showLimit是否显示输入字数统计,需要设置maxlengthBooleanfalse
height固定高度Number-
placeholderStyle指定 placeholder 的样式Object{ color: "#c9cdd4", fontSize: "15px" }
<Textarea>events
事件名描述参数
input输入框内容变化时触发事件e: Event
blur输入框失去焦点时触发事件e: Event
focus输入框获得焦点时触发事件e: Event