1***@163.com
1***@163.com
  • 发布:2024-03-05 15:06
  • 更新:2024-12-26 00:49
  • 阅读:255

【报Bug】h5 vue2 uni-swipe-action组件,点击之后,uni-popup组件闪烁一下消失

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Edge

浏览器版本: 版本 122.0.2365.52 (正式版本) (64 位)

项目创建方式: HBuilderX

操作步骤:

左滑点击确定或者取消

预期结果:

popup组件应该展现

实际结果:

popup闪烁一下消失

bug描述:

//父组件  
<template>  
    <view class="container">  
        <uni-swipe-action>  
            <uni-swipe-action-item  
                :right-options="options2"  
                :auto-close="true"  
                @click="bindClick"  
            >  
                <view class="content-box">  
                    <text class="content-text">使用变量控制SwipeAction的开启状态</text>  
                </view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  
        <Add ref="addDom"></Add>  
    </view>  
</template>  

<script>  
    import Add from "./add.vue"  
    export default {  
        components: {  
            Add  
        },  
        data() {  
            return {  
                options2: [{  
                        text: '取消',  
                        style: {  
                            backgroundColor: '#007aff'  
                        }  
                    },  
                    {  
                        text: '确认',  
                        style: {  
                            backgroundColor: '#F56C6C'  
                        }  
                    }  
                ],  
            };  
        },  
        onReady() {  
            // 模拟延迟赋值  
        },  
        methods: {  
            bindClick(e) {  
                console.log(e);  
                this.$refs.addDom.open()  
            },  
        }  
    };  
</script>  
//子组件  
<template>  
    <uni-popup ref="popup" background-color="#fff" type="bottom" class="sss" backgroundColor="transparent">  
        <view class="popup-content">  

        </view>  
    </uni-popup>  
</template>  

<script>  
    export default {  
        methods: {  
            open(params) {  
                this.$refs.popup.open()  
            },  
        }  
    }  
</script>
2024-03-05 15:06 负责人:无 分享
已邀请:
1***@163.com

1***@163.com (作者)

补充:后来发现调用open方法的时间,加个延时器就好了

setTimeout(() => {  
    this.$refs.addDom.open()  
}, 100)
  • c***@qq.com

    解决了我在MAP上弹出popup闪现的问题,谢谢

    2024-08-13 16:01

4***@qq.com

4***@qq.com

app不会,h5会,本来想加个平台区分,就看到你这个,厉害

要回复问题请先登录注册