# d-textarea 文本域
# 何时使用
- 常规使用的
a-textarea组件
# 代码演示
支持所有 a-textarea 的 API 属性
可修改 字符长度、显示大小
显示代码
<template>
<a-space direction="vertical" style="width: 100%" :size="24">
<d-textarea v-model="form.textValue" placeholder="请输入"> </d-textarea>
<d-textarea
v-model="form.textValue"
:len="1000"
placeholder="请输入备注"
:autoSize="autoSize"
>
</d-textarea>
<d-textarea
v-model="form.textValue"
:len="1000"
placeholder="请输入备注"
:autoSize="autoSize"
outside
>
</d-textarea>
<d-textarea
v-model="form.textValue"
:len="1000"
placeholder="请输入备注"
resizeNone
>
</d-textarea>
</a-space>
</template>
<script>
export default {
data() {
return {
form: {
textValue: "",
},
autoSize: { minRows: 4, maxRows: 8 },
};
},
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
显示代码