uniapp使用z-paging外掛

行走的蒲公英發表於2024-04-23
APP

1.透過dcloud外掛市場下載，匯入Hbuiderx，參考官網: https://z-paging.zxlee.cn/start/install.html#%E9%80%9A%E8%BF%87%E6%8F%92%E4%BB%B6%E5%B8%82%E5%9C%BA%E5%AE%89%E8%A3%85

2.透過npm下載

(uniapp小程式專案發現透過npm下載方式，主包體積比方式1小，所以使用)

npm install z-paging --save

透過npm安裝的時候要配置：

在pages.json中配置easycom：

"easycom": {
    "custom": {
        "^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)": "z-paging/components/z-paging$1/z-paging$1.vue"
    }
}

如圖：

頁面中直接使用，無需引入

<z-paging ref="paging" v-model="dataList" @query="queryData">
  // 其他內容
</z-paging>

相關文章