UNPKG

mand-mobile

Version:

A Vue.js 2.0 Mobile UI Toolkit

didi.github.io/mand-mobile

didi/mand-mobile

71 lines (50 loc) • 3.27 kB
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
--- title: TextareaItem preview: https://didi.github.io/mand-mobile/examples/#/TextareaItem --- Multi-line text input <sup class="version-after">2.5.0+</sup> ### Import ```javascript import { TextareaItem } from 'mand-mobile' Vue.component(TextareaItem.name, TextareaItem) ``` ### Code Examples <!-- DEMO --> ### API #### TextareaItem Props | Props | Description | Type | Default | Note | | ------------------------------------------------- | ----------------------------------------------- | ------------- | ------- | ------------------ | | title | title of textarea | String | - | - | | placeholder | placeholder of textarea | String | - | - | | v-model | value of textarea | String | - | | | max-length | max length of textarea | String/Number | - | - | | autosize | Dose the Textarea resize with content | Boolean | `false` | - | | max-height | The max height of textarea with `autosize=true` | String/Number | `'40'` | rely on `autosize` | | solid | the width of title is fixed or not | Boolean | `true` | | | readonly | readonly | Boolean | `false` | - | | disabled | disabled | Boolean | `false` | - | | clearable <sup class="version-after">2.5.3+</sup> | clearable | Boolean | `false` | - | | rows | rows | String/Number | `'3'` | - | | error | error message | String | - | - | |formation <sup class="version-after">2.5.13+</sup> |input text formatting callback function|Function(name, curValue, curPos): {value: curValue, range: curPos}|-|passing parameter `name` is the name of input, `curValue` is input value, `curPos` is the current position of input cursor, and returned `value` is formatted value. `range` is the position of input cursor after formatting| #### TextareaItem Slots ##### footer the slot of footer #### TextareaItem Events ##### focus() Input gets focus ##### blur() Input loses focus ##### getValue() Get value of input #### TextItem Events ##### @focus(name) Textarea gets focus ##### @blur(name) Textarea loses blur ##### @change(name, value) Change the value of Textarea ##### @keyup(name, event) key press ##### @keydown(name, event) key release