开开大侠
开开大侠
  • 发布:2021-05-15 15:32
  • 更新:2021-05-15 15:32
  • 阅读:1068

【报Bug】uni-swipe-action-item里面传递点击事件@click="bindClick"的时候,bindClick会被执行两次

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.13

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 荣耀8X

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>        
        <uni-list>  
            <!--下面两个组件都要加上-->  
            <uni-swipe-action>  
                <uni-swipe-action-item :right-options="options" @click="bindClick">  
                    <uni-list-item :showArrow="true">  
                        <view class="text-secondary">  
                            <view class="d-flex a-center">  
                                <text class="main-text-color">楚绵</text>  
                                152****5266  
                                <text class="main-text-color">[默认]</text>  
                            </view>  
                            <view>  
                                广东省 广州市 白云区  
                            </view>  
                            <view>  
                                xxx街道  
                            </view>  
                        </view>  
                    </uni-list-item>  
                </uni-swipe-action-item>  

            </uni-swipe-action>  
        </uni-list>  
    </view>  

</template>  

<script>  
    import uniListItem from "@/components/uni-ui/uni-list-item/uni-list-item.vue";  
    import uniSwipeAction from "@/components/uni-ui/uni-swipe-action/uni-swipe-action.vue";  
    import uniSwipeActionItem from "@/components/uni-ui/uni-swipe-action-item/uni-swipe-action-item.vue";  

    export default {  
        components:{  
            uniListItem,  
            uniSwipeAction,  
            uniSwipeActionItem  
        },  
        data() {  
            return {  
                options: [{  
                    text: '修改',  
                    style: {  
                        backgroundColor: '#007aff'  
                    }  
                }, {  
                    text: '删除',  
                    style: {  
                        backgroundColor: '#dd524d'  
                    }  
                }]  
            }  
        },  
        onNavigationBarButtonTap(e){  
            if(e.index===0){  
                uni.navigateTo({  
                    url:'/pages/user-path-edit/user-path-edit'  
                })  
            }  
        },  
        methods: {  
            bindClick(value){  
                switch(value.index){  
                    case 0:  
                        console.log('修改');  
                        break;  
                    case 1:  
                        console.log('删除');  
                        break;  
                }  
            }  
        }  
    }  

</script>  

<style>  

</style>

操作步骤:

预期结果:

15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66

实际结果:

15:16:23.778 修改 at pages/user-path-list/user-path-list.vue:66
15:16:23.800 修改 at pages/user-path-list/user-path-list.vue:66

bug描述:

uni-swipe-action-item里面传递点击事件@click="bindClick"的时候,bindClick会被执行两次

2021-05-15 15:32 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复