uni-swipe-action 组件在 uni-app 中运行到鸿蒙无法滑动

uni-swipe-action 组件在 uni-app 中运行到鸿蒙无法滑动

信息类别 详情
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 10
HBuilderX类型 正式
HBuilderX版本 4.56
手机系统 HarmonyOS NEXT
手机版本号 HarmonyOS NEXT Developer Beta2
手机厂商 华为
手机机型 Mete 60
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

示例代码：

<uni-swipe-action ref="swipeAction">
<uni-swipe-action-item v-for="(item, index) in list" :key="item.id" :right-options="options"
@click="handleRelocation(item.id)">
<view class="reply-item u-border-bottom u-flex" @click="toIm(item)" :id="'item'+index"
ref="mydom">
<view class="reply-item-img">
<u-avatar :src="baseURL+item.headIcon" mode="square" size="96" />
</view>
<view class="reply-item-txt u-flex-1">
<view class="reply-item-cell reply-item-title u-flex u-row-between">
<text class="title">{{item.realName}}/{{item.account}}</text>
<text class="u-font-24 againColor">{{jnpf.toDateText(item.latestDate)}}</text>
</view>
<view class="reply-item-cell u-flex u-row-between">
<text
class="reply-item-txt-msg u-line-1 againColor">{{getMsgText(item.latestMessage,item.messageType)}}</text>
<u-badge type="error" :count="item.unreadMessage" :absolute="false" />
</view>
</view>
</view>
</uni-swipe-action-item>
</uni-swipe-action>

操作步骤：

运行到鸿蒙无法正常时候，不能滑动

预期结果：

能正常使用就行

实际结果：

无法正常使用

bug描述：

组件运行到鸿蒙无法滑动


更多关于uni-swipe-action 组件在 uni-app 中运行到鸿蒙无法滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

提供一个复现工程或者单页面源码吧。你可以在 HBuilderX 中创建一个 hello uniapp 工程，里面的 组件 - 视图容器 - swiper 有演示说明，我测试表现正常，你可以对比测试有什么区别。

更多关于uni-swipe-action 组件在 uni-app 中运行到鸿蒙无法滑动的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


上面的示例代码就是页面中使用uni-swipe-action的源码

回复 s***@yinmaisoft.com: 升级最新的 HBuilderX alpha ，更新一下 uni_modules 插件版本。

针对uni-swipe-action组件在鸿蒙系统无法滑动的问题，以下是可能的原因和解决方案：

  1. 兼容性问题：
  • 鸿蒙NEXT Beta版本可能存在与uni-app组件的兼容性问题
  • 建议检查uni-swipe-action组件是否已适配鸿蒙系统
  1. 事件冲突：
  • 检查是否存在事件冒泡或捕获冲突
  • 尝试移除@click事件测试滑动功能
  1. 样式问题：
  • 确保父容器有足够的宽度/高度
  • 检查是否有CSS属性(如overflow)阻止了滑动
  1. 解决方案尝试：
<uni-swipe-action>
  <uni-swipe-action-item>
    <!-- 简化内容测试 -->
    <view style="height:100px">测试滑动</view>
  </uni-swipe-action-item>
</uni-swipe-action>
回到顶部