mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-05 13:00:47 +08:00
28 lines
538 B
Markdown
28 lines
538 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;
|
|
}
|
|
```
|