Skip to content

Commit 2e6e1c7

Browse files
robin-macphersonPeachScript
authored andcommitted
docs: update filter & tabs en example (#218)
1 parent 0203dfa commit 2e6e1c7

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/guide/use-with-filter-or-tabs.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ previewLink: //jsfiddle.net/PeachScript/w197rfy0/embedded/result/
44

55
# Use With Filter/Tabs
66

7-
The loading process is exactly same as in the previous example. The key point here is how to reset the component when we change the filter or tabs. The infinite component will reset itself whenever the `identifier` property has changed. It sounds easy, so let's do it!
7+
The loading process is exactly the same as in the previous example. The key point here is how to reset the component when we change the filter or tabs. The infinite loading component will reset itself whenever the `identifier` property has changed. It sounds easy, so let's do it!
88

99
``` html {12}
1010
<header>
@@ -21,7 +21,7 @@ The loading process is exactly same as in the previous example. The key point he
2121
<infinite-loading :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
2222
```
2323

24-
In the template, we add a `select` element and listen its `change` event. For the `InfiniteLoading` component, we add an `identifier` property.
24+
In the template, we add a `select` element and listen for its `change` event. For the `InfiniteLoading` component, we add an `identifier` property.
2525

2626
``` js {10,11,19,31,32,33,34,35}
2727
import axios from 'axios';
@@ -63,6 +63,6 @@ export default {
6363
};
6464
```
6565

66-
In the script, we set default values for `select` and `identifier` properties, then add the type parameter in API request logic. And we create the `changeType` method to reset the list data and infinite component. Please note, we must change the `identifier` property *after* we empty the `list`. Otherwise, the component may not trigger the `infinite` event immediately after reset.
66+
In the script, we set default values for the `select` and `identifier` properties, then add the type parameter in the API request logic, and we create the `changeType` method to reset the list data and infinite loading component. Please note, we must change the `identifier` property *after* we empty the `list`. Otherwise, the component may not trigger the `infinite` event immediately after reset.
6767

6868
That's all, you're done!

0 commit comments

Comments
 (0)