Skip to content

Textarea 文本域

精致的文本域组件

基本用法

通过 v-model 绑定一个值

禁用和只读

通过设置 disabled 来禁用。 设置 readonly 可设置只读。 两者样式上有一定差异。

最大长度

可以设置 maxlength 来限制文本长度。

自适应

设置文字输入类型的 autosize 属性使得根据内容自动调整的高度。 你可以给 autosize 提供一个包含有最大和最小高度的对象,让输入框自动调整。

API

Attributes

参数说明类型默认值
modelValue绑定值string | number''
disabled是否禁用boolean-
readonly是否只读boolean-
maxlength最大输入长度string | number-
autofocus是否自动获取焦点boolean-
placeholder占位符string-
autocomplete是否开启自动填充特性提示stringoff

Events

事件名称说明类型
input输入时触发(val: string | number) => void
change修改后触发(val: string | number) => void
focus获取焦点时(evt: FocusEvent) => void
blur失去焦点时(evt: FocusEvent) => void

Interface

组件导出以下类型定义:

ts
import type {
  TextareaInstance,
  TextareaProps,
  TextareaAutoSize,
  TextareaResize
} from 'fz-design'
import type {
  TextareaInstance,
  TextareaProps,
  TextareaAutoSize,
  TextareaResize
} from 'fz-design'

Exposes

组件向外暴露的方法

名称说明类型
clear输入时触发() => void
select修改后触发() => void
focus获取焦点时() => void
blur失去焦点时() => void
resizeTextarea改变 textarea 大小() => void
textareaHTML textarea 元素Ref<HTMLTextAreaElement>