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