naive-ui/demo/documentation/components/pagination/zhCN/slot.md
2020-02-04 11:55:39 +08:00

520 B

页面槽位

分页有一个属性 page-slot,试一下你就能理解它在做什么了。这个概念主要是为了解决由于分页长度变化导致的误点击问题。

<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"
/>
export default {
  data () {
    return {
      page: 2
    }
  }
}
.n-pagination {
  margin-bottom: 12px;
}