diff --git a/README.md b/README.md index c57c506..a1de238 100644 --- a/README.md +++ b/README.md @@ -147,6 +147,31 @@ To activate this mode, you just need to specify the limit using the `limit` prop > ``` +### Step Links + +As in simple links, you can have next/previous links — which I call step links — in full links and limited links. To add them, use `:show-step-links="true"` prop on the `PaginateLinks` component you want. For example: + +``` html + +``` + +#### Customizing step links + +The default symbols for the step links are `«` for previous and `»` for next. But, of course, you can change them to what you want using the `:step-links` prop, like this: + +``` html + +``` + ### Listening to links @change event When the current page changes, `PaginateLinks` emits an event called `change` to inform you about that. It also passes the switched page numbers with it, if you need them. @@ -208,6 +233,16 @@ computed: { Then just pass that `fLangs` to the `list` prop instead of the original `langs`. +### Hide single page + +By default, paginated links will always be displayed even if there's only one page. But sometimes you want to hide it when there's a single page — especially after filtering the items. The plugin allows you to do so by using the `:hide-single-page="true"` prop. + +``` html + +``` + ### Links customization In `vue-paginate`, you can customize every bit of your pagination links. @@ -289,4 +324,4 @@ Note that this feature works on all link types – full links, simple links, and [MIT](http://opensource.org/licenses/MIT) -Copyright (c) 2016 Taha Shashtari \ No newline at end of file +Copyright (c) 2016–2017 Taha Shashtari \ No newline at end of file