自定义分页问题

在代码中使用

<LowTable ref="gdReplyFallbackRef" v-if="gdReplyFallbackTableId" :tableId="gdReplyFallbackTableId"></LowTable>

onMounted(() => {

  getDetail()

  if(gdReplyFallbackRef.value){

    gdReplyFallbackRef.value.tablePage.pageSize = 5

    gdReplyFallbackRef.value.resetChange()

  }

})

这样重设了分页的条数并且调用了resetChange但是不生效呢

评论区

超级管理员 2025-06-16 14:19

是不是判断没进 方法没有执行

Yolo 2025-06-16 14:45

我在控制台打印输出是都执行了的,

onMounted(() => {

  getDetail()

  if(gdReplyFallbackRef.value){

    gdReplyFallbackRef.value.tablePage.pageSize = 20

    console.log(gdReplyFallbackRef.value.tablePage.pageSize)

    gdReplyFallbackRef.value.resetChange()

  }

})

const resetData = () => {

  console.log(tablePage.value)

  try {

    crudRef.value?.searchReset()

  } catch (error) {

    resetChange()

  }

}

image.png

Yolo 2025-06-16 14:45

@超级管理员

麻烦再帮忙看一下吧,我用了一下分页里面有的20也是不生效

超级管理员 2025-06-16 14:58

@Yolo

我这边测试正常,看一下你逻辑是不是有问题

image.png

Yolo 2025-06-16 15:13

@超级管理员

image.png

Yolo 2025-06-16 15:14

@超级管理员

你好,我也新建了一个页面测试,经过测试之后发现,列表页面都没有问题,但是表单开发中选择了卡片模式,就会出现传入分页不生效的问题,我自己建的表单还是用在demo里

1838855934516420610数据表格页(卡片列表)这个表单都会出现这个问题呢,麻烦看一下吧


超级管理员 2025-06-16 15:26

@Yolo

卡片布局会重新计算分页,你设置后被覆盖了

LowTable需要暴露 isInit

如果不想那么麻烦就给个延迟器

image.png

参考:image.png


Yolo 2025-06-16 15:59

@超级管理员

好的,谢谢

回复