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

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.

<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>

export default {
  data () {
    return {
      page: 2
    }
  }
}

.n-pagination {
  margin-bottom: 12px;
}