nvue uni-swipe-action包裹 list组件 超出屏幕的cell能滑动出来 但是失去滑动效果 并且滑不回去
4***@qq.com
- 发布：2023-12-19 12:41
- 更新：2024-12-10 14:39
- 阅读：273
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.5
HBuilderX类型： 正式
HBuilderX版本号： 3.98
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： 红米k40
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
nvue uni-swipe-action包裹 list组件 超出屏幕的cell能滑动出来 并且有滑动效果 且能滑动回去
nvue uni-swipe-action包裹 list组件 超出屏幕的cell能滑动出来 并且有滑动效果 且能滑动回去
实际结果：
nvue uni-swipe-action包裹 list组件 超出屏幕的cell能滑动出来 但是失去滑动效果 并且滑不回去
nvue uni-swipe-action包裹 list组件 超出屏幕的cell能滑动出来 但是失去滑动效果 并且滑不回去
bug描述：
<uni-swipe-action>
<list class="message-list" scrollable show-scrollbar="false" :bounce="false"
:style="{height: windowHeight - statusBarHeight - topHeight + 'px'}">
<cell v-for="(item,index) in sessionList1" :key="item.id">
<uni-swipe-action-item :threshold="0" :right-options="options" @click="onClick($event,item)">
<MessageListItem :item="item" />
</uni-swipe-action-item>
</cell>
</list>
</uni-swipe-action>
3 个回复
4***@qq.com (作者)
求助！！～
提交bug
解决了吗？
DCloud_UNI_HT
目前不建议这么使用， uni-swipe-action 和 uni-swipe-action-item 最好临近使用，你这个用法，大概率是因为层级问题，导致父子组件失去了联系，所以导致联动效果失去了作用。
提交bug
如果要用nvue的list。建议怎么用比较好
2024-12-13 17:45
提交bug
我试过直接把uni-swipe-action里面的组件直接改成list。但是有点影响
2024-12-13 17:46