1、首先，先下載官方外掛

官方外掛

注意：當時我專案中不想用安裝好的 uni-modules ， 所以直接把 uni-paination 元件匯入到 components 中；

2、頁面模版

<!-- 分頁 -->
<uni-pagination 
   :total="total" 
   :current="current"  
   @change="handlePage"
   class="pagination"
/>

3、JS

import uniPagination from '@/components/uni-pagination/uni-pagination.vue
 
'

export default {
    components: {
        uniPagination
    },
    data() {
        return {
           // 分頁引數
           total: '',
           current: 1
        }
    },
　　 getList() {
        uni.request({
           url: '', // 介面
           method: 'GET',
           data: {
              page: 
 
this.current,
              page_size: 10,
           },
           dataType: 'json',
           success: res => {
              if (res.statusCode === 200) {
                 this.columnList = res.data.data
                 this.total = res.data.pagination.total
              }
           },
         });
     },
　　　// 分頁點選事件
     handlePage(
 
params) {
        this.current = params.current;
        this.getList(params.current) // 點選的時候去請求查詢列表
    },
}

4、效果