You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*If you are looking for a vue component which support big data list with high scroll performance, now you are in the right place!*
16
17
17
-
> If you are looking for a vue component which support big data list and high scroll performance, you are in the right place.
18
+
*[Advantages](#advantages)
19
+
*[Live demos](#live-demos)
20
+
*[How it works](#how-it-works)
21
+
*[Simple usage](#simple-usage)
22
+
*[Using by npm module](#using-by-npm-module)
23
+
*[Using by script include](#using-by-script-include)
24
+
*[Attentions](#attentions)
25
+
*[Props type](#props-type)
26
+
*[Special scenes](#special-scenes)
27
+
*[About variable height](#about-variable-height)
28
+
*[Contributions](#contributions)
29
+
*[Changelogs](#changelogs)
30
+
31
+
32
+
## Advantages
18
33
19
34
* Tiny and very very easy to use.
20
35
@@ -29,11 +44,11 @@
29
44
30
45
## Live demos
31
46
32
-
*[vue-virtual-scroll-list with 100,000 finite data](https://tangbc.github.io/vue-virtual-scroll-list/examples/finite/).
47
+
*[Scroll with 100,000 finite data](https://tangbc.github.io/vue-virtual-scroll-list/examples/finite/).
33
48
34
-
*[vue-virtual-scroll-list with request infinite data](https://tangbc.github.io/vue-virtual-scroll-list/examples/infinite/).
49
+
*[Scroll with request infinite data](https://tangbc.github.io/vue-virtual-scroll-list/examples/infinite/).
35
50
36
-
*[vue-virtual-scroll-list with variable height mode](https://tangbc.github.io/vue-virtual-scroll-list/examples/variable/).
51
+
*[Scroll with variable height mode](https://tangbc.github.io/vue-virtual-scroll-list/examples/variable/).
37
52
38
53
39
54
## How it works
@@ -43,7 +58,7 @@
43
58
44
59
## Simple usage
45
60
46
-
#### Using by npm:
61
+
#### Using by npm module:
47
62
48
63
```
49
64
npm install vue-virtual-scroll-list --save
@@ -100,7 +115,7 @@ new Vue({
100
115
```
101
116
102
117
103
-
## Notice
118
+
## Attentions
104
119
105
120
* Must assign the `:key` property on `<item>` component or DOM frag with `v-for` directive.
106
121
@@ -127,6 +142,9 @@ new Vue({
127
142
| onscroll | Function | * | Called when virtual-list is scrolling, with param: [`(event, data)`](https://github.com/tangbc/vue-virtual-scroll-list/releases/tag/v1.1.7). |
128
143
| variable | Function or Boolean | * | For using virtual-list with variable height mode. If assign `Function`, this prop is a variable height getter function which is called with param: `(index)` when each item is ready to be calculated. If assign `Boolean`, virtual-list will get each item variable height by it's inline style height automatic. |
129
144
145
+
146
+
## Special scenes
147
+
130
148
### About variable height
131
149
132
150
In variable height mode, prop `size` is still required. All the index variable height and scroll offset will be cached by virtual-list after the binary-search calculate, if you want to change anyone `<item/>` height from data, you should call virtual-list's `updateVariable(index)` method to clear the offset cache, refer to [variable example](https://github.com/tangbc/vue-virtual-scroll-list/blob/master/examples/variable/variable.vue#L1) source for detail.
0 commit comments