2***@qq.com
2***@qq.com
  • 发布:2024-04-01 11:53
  • 更新:2024-04-01 16:33
  • 阅读:66

【报Bug】uni-swipe-action的点击滑块的第一个按钮的事件会触发默认插槽中的点击事件 ios 16 版本

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.98

浏览器平台: Chrome

项目创建方式: HBuilderX

示例代码:
<uni-swipe-action>  
      <uni-swipe-action-item  
        :left-options="options2"  
        :right-options="options2"  
        :show="isOpened"  
        :auto-close="false"  
        @change="change"  
        @click="bindClick"  
      >  
        <view class="content-box" @click="clickHandler">  
          <text class="content-text">使用变量控制SwipeAction的开启状态</text>  
        </view>  
      </uni-swipe-action-item>  
    </uni-swipe-action>
bindClick(e) {  
      console.log(e);  
      if (e.index === 0) {  
        uni.showToast({  
          title: `点击了取消`,  
          icon: "none",  
        });  
      } else if (e.index === 1) {  
        uni.showToast({  
          title: `点击了确认`,  
          icon: "none",  
        });  
      } else if (e.index === 2) {  
        uni.showToast({  
          title: `点击了收藏`,  
          icon: "none",  
        });  
      }  
      //   uni.showToast({  
      //     title: `点击了${e.position === "left" ? "左侧" : "右侧"} ${  
      //       e.content.text  
      //     }按钮`,  
      //     icon: "none",  
      //   });  
    },  
    clickHandler() {  
      uni.showToast({  
        title: `点击了内容`,  
        icon: "none",  
      });  
    },

操作步骤:
<uni-swipe-action>  
      <uni-swipe-action-item  
        :left-options="options2"  
        :right-options="options2"  
        :show="isOpened"  
        :auto-close="false"  
        @change="change"  
        @click="bindClick"  
      >  
        <view class="content-box" @click="clickHandler">  
          <text class="content-text">使用变量控制SwipeAction的开启状态</text>  
        </view>  
      </uni-swipe-action-item>  
    </uni-swipe-action>
bindClick(e) {  
      console.log(e);  
      if (e.index === 0) {  
        uni.showToast({  
          title: `点击了取消`,  
          icon: "none",  
        });  
      } else if (e.index === 1) {  
        uni.showToast({  
          title: `点击了确认`,  
          icon: "none",  
        });  
      } else if (e.index === 2) {  
        uni.showToast({  
          title: `点击了收藏`,  
          icon: "none",  
        });  
      }  
      //   uni.showToast({  
      //     title: `点击了${e.position === "left" ? "左侧" : "右侧"} ${  
      //       e.content.text  
      //     }按钮`,  
      //     icon: "none",  
      //   });  
    },  
    clickHandler() {  
      uni.showToast({  
        title: `点击了内容`,  
        icon: "none",  
      });  
    },

预期结果:

互不影响

实际结果:

同时触发

bug描述:

在 ios 端 16版本 可复现

2024-04-01 11:53 负责人:无 分享
已邀请:
DCloud_UNI_HRK

DCloud_UNI_HRK

感谢反馈。旧版本会复现该问题,但是新版已修复该问题。注意点击的时候不能移动手指,不然会被视为拖动

要回复问题请先登录注册