XTextarea
Install

安装

  <group>
    <x-textarea title="title" v-model="value"></x-textarea>
  </group>

x-textarea只能在Group中使用


API

属性

名字类型默认值说明版本要求
titlestringlabel文字v2.1.1-rc.8
inline-descstring位于标题下的描述文字v2.1.1-rc.8
show-counterbooleantrue是否显示计数--
maxnumber0最大长度限制--
valuestring表单值, 使用v-model绑定--
namestring表单名字--
placeholderstring没有值时的提示文字--
rowsnumber3textarea 标准属性 rows--
colsnumber30textarea 标签属性 cols--
heightnumber0高度--
readonlybooleanfalsetextarea 标签属性 readonly--
disabledbooleanfalsetextarea 标签属性 disabled--
autosizebooleanfalse是否根据内容自动设置高度v2.2.1-rc.6

事件

名字参数说明版本要求
@on-change(value)表单值变化时触发--
@on-focus--focus 事件v2.1.1-rc.11
@on-blur--blur 事件v2.1.1-rc.11

插槽

名字说明版本要求
label用于自定义label(即 title)部分内容,比如使用iconv2.1.1-rc.8
restricted-label用于自定义label部分,和slot=label不同的是,该slot宽度受到父组件group的限制v2.1.1-rc.8

方法

名字参数说明版本要求
updateAutosize重置 autosize 高度,如果绑定值不为空,需要调用该函数进行高度重置v2.5.1


贡献者

贡献者

该组件(包含文档)迭代次数 29,贡献人数 8

松松Estelle00airyland万刚zss007Plortinusgreedyinglinhaobin

Changelog

发布日志

  • v2.8.0 [feature] 添加属性 disabled #2522
  • v2.5.1 [feature] 添加方法 updateAutosize 在存在默认值的情况下手动重置高度
  • v2.2.1-rc.6 [enhance] 标签上对齐
  • v2.2.1-rc.6 [feature] 支持属性 prop:autosize 自动更新高度
  • v2.1.1-rc.12 [enhance] 点击x-textarea的counter时,主动触发focus事件
  • v2.1.1-rc.11 [feature] 支持 on-focus on-blur 事件 #1082 @zeusLeeJh
  • v2.1.1-rc.8 [feature] 支持title属性