本文主要是介绍【uniapp踩坑记】使用z-paging组件，微信小程序端加载不出来问题解决，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
使用z-paging组件，h5端加载正常，微信小程序端显示空白
今天做分页列表，在插件市场找到了z-paging，照着示例代码写了进去，在h5端能正常使用，在小程序端一直显示空白
尝试过以下无效操作：
1.清除所有文件缓存，不停重新编译，没用
2.修改小程序版本库，没用
3.组合式api改为选项式api，没用
代码如下:
//vue
<template>
<z-paging ref="paging" v-model="dataList" use-page-scroll @query="queryList"><view class="item" v-for="(item,index) in dataList" :key="index"><view class="platform_name">{{item.title}}</view></view></z-paging>
</template>
//javascript
<script setup lang="ts">import { ref } from 'vue';// 必须导入需要用到的页面生命周期（即使在当前页面上没有直接使用到）import { onPageScroll, onReachBottom } from '@dcloudio/uni-app';import useZPaging from "@/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js";const paging = ref(null)let dataList = ref([])// 类似mixins，如果是页面滚动务必要写这一行，并传入当前ref绑定的paging，注意此处是paging，而非paging.valueuseZPaging(paging)function queryList(pageNo, pageSize){//这里应该调用api接口，调试阶段直接赋值paging.value.complete([{title:'111'},{title:'222'}]);}
</script>
最终解决方案——关闭整个HBuilder，项目重新运行。。。。。。。
整个项目重启后就正常了，真的吐血，浪费了3个小时一直以为自己代码有问题。。
后面发现JavaScript代码中，以下代码可以移除，这几行移除不影响正常使用
import { onPageScroll, onReachBottom } from '@dcloudio/uni-app';
import useZPaging from "@/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js";useZPaging(paging)
这篇关于【uniapp踩坑记】使用z-paging组件，微信小程序端加载不出来问题解决的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
