1***@qq.com
1***@qq.com
  • 发布:2025-11-18 18:01
  • 更新:2025-11-18 18:01
  • 阅读:23

【报Bug】uni-app 使用 element-plus 表格组件时,在 iPad 上无法滚动的问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows10

HBuilderX类型: 正式

HBuilderX版本号: 4.86

手机系统: Android

手机系统版本号: Android 16

手机厂商: 华为

手机机型: ipad

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="Date" width="180" />
<el-table-column prop="name" label="Name" width="180" />
<el-table-column prop="address" label="Address" />
</el-table>
</template>

<script lang="ts" setup>
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-02',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-04',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-01',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
]
</script>

操作步骤:

1、环境准备:
使用 uni-app 创建一个新项目或打开现有项目。
安装并引入 element-plus 组件库。
在项目中使用 element-plus 的 el-table 组件,填充一些数据。
2、设备和浏览器:
将项目运行在 iPad 上(可以通过 uni-app 的 H5 或使用真机测试)。
在 Safari 浏览器或其他浏览器上查看应用。

预期结果:

在 iPad 上滚动表格时,表格内容应正常滚动,不应该出现卡顿或无法滚动的情况。

实际结果:

在页面上加载包含 el-table 的表格。
尝试使用触摸屏滚动表格内容。
发现表格内容无法滚动

bug描述:

在使用 uni-app 开发的应用中,集成了 element-plus 的表格组件时,遇到在 iPad 设备上无法正常滚动表格内容的问题。具体来说,当尝试在 iPad 上滚动包含表格的页面时,表格内容无法随之滚动,而页面本身的滚动仍然正常。

2025-11-18 18:01 负责人:无 分享
已邀请:

要回复问题请先登录注册