# Textarea
文本区
案例
import { defineComponent } from "vue";
import { Input, Typography } from "sl-vue2-template";
const { P } = Typography;
export default defineComponent({
data() {
return {
value: "",
value2: "1234567890",
};
},
render() {
return (
<div>
<P>默认</P>
<Input.Textarea
value={this.value}
handlerChange={(value) => {
return (this.value = value);
}}
placeholder="shahs"
/>
<P>disabled</P>
<Input.Textarea value={this.value2} disabled />
<P>readonly</P>
<Input.Textarea value={this.value2} readonly />
</div>
);
},
});
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
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
# 属性
| 成员 | 说明 | 类型 | 必须 | 默认值 | 版本 |
|---|---|---|---|---|---|
| value | 输入框内容 | Number | 否 | -- | -- |
| placeholder | 占位符 | String | 否 | -- | -- |
| disabled | 禁用 | Boolean | 否 | false | -- |
| readonly | 只读 | Boolean | 否 | false | -- |
| resize | 调整大小 | Boolean | 否 | false | -- |
| className | 自定义 class 名 | String | 否 | -- | -- |
# 事件
| 事件名称 | 说明 | 回调参数 | 必须 | 版本 |
|---|---|---|---|---|
| handlerChange | 点击的回调 | (arg: string) => void | 否 | -- |