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-model | textarea文本域绑定值 | string / number | — |
placeholder | 输入框占位字符 | String | — |
disabled | 是否禁用 | Boolean | false |
form | 原生属性,所属表单 | String | — |
rows | textarea可见区域高度 | Number | 4 |
cols | textarea可见区域宽度 | Number | 50 |
readonly | 原生属性,是否只读 | Boolean | false |
maxlength | 文本区域的最大字符数 | Number | — |
focusColor | 自定义focus颜色的色值 | String | — |
customClass | 自定义组件整体类名 | String | — |