1、虚拟列表聊天记录模式跳转到其他页面，返回后无法拖动 2、数据不铺满整个屏幕时 一直显示加载loading 不加载第二页数据

[wow-doubao]

编译平台 HbuilderX 3.99

VUE版本 vue3

运行平台 h5

z-paging版本 2.7.5

问题描述

问题一

A页面使用 虚拟列表聊天记录模式 通过onShow 触发 reload() 获取数据，通过uni.navigateTo() 跳转到B页面后 返回，A页面渲染数据后无法拖拽

<template>
  <view class="box">
    <z-paging ref="paging" v-model="chatData" :auto="false" use-chat-record-mode use-virtual-list
      cell-height-mode="dynamic" @query="queryList">

      <template #top>
        <view @click="to">跳转</view>
      </template>

      <template #cell="{ item, index }">
        <view class="p-20rpx" style="transform: scaleY(-1)">
          {{ item.content }}
        </view>
      </template>

    </z-paging>
  </view>
</template>
<script setup>
import { ref, nextTick } from 'vue'
import { onShow } from "@dcloudio/uni-app"
import { msgList } from '@/common/chat/msg'

const chatData = ref([])
const paging = ref(null)

onShow(async () => {
  await nextTick()
  paging.value.reload()
})

const queryList = async (page, limit) => {
  try {

    const { list } = await msgList({
      topicId: 99,
      page,
      limit
    })

    paging.value.complete(list)
  } catch (error) {
    console.log(error)
    paging.value.complete(false);
  }
}

const to = () => {
  uni.navigateTo({
    url: '/pages/home/index'
  })
}

</script>

<style scoped lang='scss'></style>

问题二

数据不铺满整个屏幕时 一直显示加载loading 不加载第二页数据，点击loading后才加载第二页数据

[SmileZXLee]

第二个问题加个inside-more配置即可。或者设置:default-page-size="20"。
第一个问题提供完整demo，你提供的无法直接运行，或者提供'@/common/chat/msg'内容。

[wow-doubao]

感谢您的来信，查阅后我将以最快速度回复您，谢谢。

[wow-doubao]

感谢大佬的回复 '@/common/chat/msg'就是获取数据的接口，随便模拟下数据

<template>
  <view class="box">
    <z-paging ref="paging" v-model="chatData" inside-more :auto="false" use-chat-record-mode use-virtual-list
      cell-height-mode="dynamic" @query="queryList">

      <template #top>
        <view @click="to">跳转</view>
      </template>

      <template #cell="{ item, index }">
        <view class="p-20rpx" style="transform: scaleY(-1)">
          {{ item.content + index }}
        </view>
      </template>

    </z-paging>
  </view>
</template>
<script setup>
  import {
    ref,
    nextTick
  } from 'vue'
  import {
    onShow
  } from "@dcloudio/uni-app"

  const chatData = ref([])
  const paging = ref(null)

  onShow(async () => {
    await nextTick()
    paging.value.reload()
  })

  const queryList = async (page, limit) => {
    paging.value.complete(new Array(10).fill({
      content: '测试'
    }))
  }

  const to = () => {
    uni.navigateTo({
      url: '/pages/home/index'
    })
  }
</script>

<style scoped lang='scss'></style>

[SmileZXLee]

感谢反馈，已修复，代码已提交至github，可以更新后再次测试~