naive-ui/demo/documentation/components/pagination/enUS/slot.md

34 lines
500 B
Markdown
Raw Normal View History

2020-02-04 11:55:39 +08:00
# Page Slot
2020-01-29 21:35:19 +08:00
The pagination has a property `page-slot`, try it and you will understand. It aims to solving misclicks caused by the length changing of pagination.
2019-10-16 23:43:07 +08:00
```html
<n-pagination
v-model="page"
:page-count="100"
/>
<n-pagination
v-model="page"
:page-count="100"
:page-slot="8"
/>
<n-pagination
v-model="page"
:page-count="100"
:page-slot="7"
/>
```
```js
export default {
data () {
return {
page: 2
}
}
}
```
```css
.n-pagination {
margin-bottom: 12px;
}
```