Skip to content
On this page

Textarea 文本域

● 默认

最简单的文本域

0/
展示代码
vue
<template>
      <k-textarea></k-textarea>
</template>
<script lang="ts" setup>
  import {ref} from 'Vue'
  const textVal =ref('')
</script>

● 禁用

通过disabled属性设置禁用状态

0/
展示代码
vue
<template>
      <k-textarea disabled></k-textarea>
</template>

● 只读

通过readonly属性设置只读状态

0/
展示代码
vue
<template>
      <k-textarea readonly></k-textarea> 
</template>

● 字数限制

通过maxlength属性限制字数

0/20
展示代码
vue
<template>
      <k-textarea :maxlength="20"></k-textarea>
</template>

● Attributes

参数说明类型默认值
v-modeltextarea文本域绑定值string / number
placeholder输入框占位字符String
disabled是否禁用Booleanfalse
form原生属性,所属表单String
rowstextarea可见区域高度Number4
colstextarea可见区域宽度Number50
readonly原生属性,是否只读Booleanfalse
maxlength文本区域的最大字符数Number
focusColor自定义focus颜色的色值String
customClass自定义组件整体类名String

Released under the MIT License.