问题描述
参考uni-admin使用unicloud-db进行列表展示与分页组件进行联动,点击切换至下一页时候,列表数据变更到下一页,可是组件的值没有动态改变
第一页数据显示没有问题
unicloud-db组件中返回的值是第二页的,分页组件状态还是第一页的
代码在附件中
参考uni-admin使用unicloud-db进行列表展示与分页组件进行联动,点击切换至下一页时候,列表数据变更到下一页,可是组件的值没有动态改变
5***@qq.com (作者)
问题解决了
<unicloud-db ref="udb" v-slot:default="{data, pagination, loading, error, options}">
<view v-if="error">{{error.message}}</view>
<view v-else-if="loading">正在加载...</view>
<view v-else>
<!-- 分页组件 -->
<view class="pagination-view">
<uni-pagination show-icon show-page-size :pageSize="pagination.size" v-model="pagination.current"
:total="pagination.count" @change="onPageChanged" @pageSizeChange="changeSize" />
</view>
</view>
</unicloud-db>
如上代码所示,我将分页组件放在了v-else
内,导致数据每次加载的时候都要重新渲染一遍分页组件,clouddb中返回的数据在组件没有渲染完毕后加载了出来,导致组件每次都是默认值