SwipeAction 第一次触发无反应

allen-wiki commented 3 years ago

问题描述

使用SwipeAction 组件进行第一个滑动无反应,第二次触发后正常

版本信息

版本信息如下 "@tarojs/components": "3.1.1", "@tarojs/runtime": "3.1.1", "@tarojs/taro": "3.1.1", "taro-ui-vue3": "^1.0.0-alpha.18", "vue": "^3.0.5",

涉及的平台

weapp下不正常其他端未测试

错误信息

// error message here
无报错信息

代码

// code here

视频演示https://share.weiyun.com/yhBg7mha

b2nil commented 3 years ago

我这边用了下面的依赖版本跑了一下，不能复现这个问题。

 "dependencies": {
    "taro-ui-vue3": "1.0.0-alpha.18",
    "vue": "3.0.5"
  },
 "devDependencies": {    
    "@vue/compiler-sfc": "3.0.5",
 }

能贴一下你的代码吗？

allen-wiki commented 3 years ago

<template> <view class="guest-list"> @.***="handleToAddGuest"> + 预定人信息 </view> <AtSwipeAction autoClose :options="options" :onClick="handleCLick"> <view class="guest-listuser-info"> <view class="guest-listuser-info_title">xxx</view> <view class="fz-28 color-666">身份证343445476</view> </view> </AtSwipeAction>

<AtSwipeAction autoClose :options="options"> <view class="guest-listuser-info"> <view class="guest-listuser-info_title">xxx</view> <view class="fz-28 color-666">身份证3438976</view> </view> </AtSwipeAction> </view> </template> <script lang="ts"> import { defineComponent } from 'vue'; import { AtSwipeAction } from 'taro-ui-vue3/lib';

export default defineComponent({ components: { AtSwipeAction, }, setup() { // const msg = ref('Hello login'); const options = [ { text: '编辑', style: { backgroundColor: '#DEDEDE', }, }, { text: '删除', style: { backgroundColor: '#CD2323', }, }, ];

const handleCLick = event => { console.log(event); };

return { options, handleCLick, }; }, }); </script>

allen-wiki commented 3 years ago

你可是试试附件的代码我里还是存在的编译好第一次滑动无反应第二次就正常了

b2nil commented 3 years ago

taro 3.1.1 的确存在这个问题。 taro 相关依赖升级到最新版本可修复这个问题。

b2nil / taro-ui-vue3