注册登录

2***@qq.com

2***@qq.com

发布：2024-12-19 17:09
更新：2024-12-27 15:10
阅读：76

【报Bug】uni-transition非预期触发关闭

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 4.36

浏览器平台： Edge

浏览器版本： 129.0.2792.79

项目创建方式： HBuilderX

操作步骤：

我这边的触发情况是在子组件使用了这个组件的时候,父组件传入的参数发生变化时就会触发, transform: translateY(100%) 从0 变成 100%

预期结果：

内容不会消失

实际结果：

内容消失

bug描述：

uni-transition非预期触发关闭, 目前用到这个组件都有这个问题, uni-pupop也会有

2024-12-19 17:09 负责人:无分享

2 个回复

毛毛不是泰迪

可以贴一下你的代码吗，我用官方的列子，按照你说的写了个子组件，传递参数没有问题

2***@qq.com (作者)

只传递一次不修改没有问题, 传递完之后过两秒, 在父组件修改一下这个值

2024-12-20 16:50
毛毛不是泰迪

回复 2***@qq.com: 是按你这种来的，没发现问题

2024-12-24 09:19
2***@qq.com (作者)

回复毛毛不是泰迪: 子组件

<template>

  

<uni-popup v-bind="$attrs" type="bottom" ref="uniPopupRef" >  

    <view class="autoBuyText" @click="handleAutoBuy">允许游戏中竹木不足时自动获取</view>  

</uni-popup>  
```
</template>

<script setup>

import { onMounted } from 'vue'
```
const props = defineProps({  

    initData1: {  

        type: Object,  

        default: () => ({})  

    }  

})  

const emit = defineEmits(['init'])  

let uniPopupRef = ref(null)  

onMounted(() => {  

    uniPopupRef.value.open()  

})  

//自动购买按钮  

function handleAutoBuy () {  

    emit('init')  

}  
```
</script>

<style lang="scss" scoped>

.autoBuyText{

width: 750rpx;

height: 700rpx;

background-color: pink;

}

</style>

父元素

<template>

<test2 ref="uniPopupRef" @init="init" :initData1="initData1" ></test2>

</template>

<script setup>

import test2 from './test2.vue'

let initData1 = ref({})

function init () {

initData1.value = {res:12}

}

</script>

<style>

</style>

你试一下, 上面注释的那个地方不要删掉, 删掉就没有问题了, 你试试原封不动的复制到你的代码里会不会出现

2024-12-26 20:18

毛毛不是泰迪

我这边也是正常的

2***@qq.com (作者)

你跟我的环境一样吗? 我新建个项目, 把这些代码复制进去, 触发的非常稳定, 只要uni-popup 标签的上面行有注释点一下就会消失

2024-12-30 15:16
毛毛不是泰迪

回复 2***@qq.com: 你要不，把你demo发一下，我试试？

2024-12-30 17:25

要回复问题请先登录或注册