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>
标签:npm,uniapp,插件,E5%,paging,easycom From: https://www.cnblogs.com/shyhuahua/p/18152760