mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
36 lines
573 B
Markdown
36 lines
573 B
Markdown
# Page Slot
|
|
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.
|
|
```html
|
|
<n-space vertical>
|
|
<n-pagination
|
|
v-model:page="page"
|
|
:page-count="100"
|
|
/>
|
|
<n-pagination
|
|
v-model:page="page"
|
|
:page-count="100"
|
|
:page-slot="8"
|
|
/>
|
|
<n-pagination
|
|
v-model:page="page"
|
|
:page-count="100"
|
|
:page-slot="7"
|
|
/>
|
|
</n-space>
|
|
```
|
|
|
|
```js
|
|
export default {
|
|
data () {
|
|
return {
|
|
page: 2
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
```css
|
|
.n-pagination {
|
|
margin-bottom: 12px;
|
|
}
|
|
``` |