【报Bug】uni-transition 非预期情况下自动执行了关闭的动画

分类：uni-app

bug已修复

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 12.6.2 (21G320)

浏览器平台： Chrome

浏览器版本： <=112

项目创建方式： CLI

CLI版本号： latest

示例代码：

<template>  
  <view>  
    {{ c }}  
    <uni-transition :show="show"><text class="text">示例元素</text></uni-transition>  
  </view>  
</template>  

<script>  
export default {  
  components: {  
  },  
  data() {  
    return {  
      c: 0,  
      show: true  
    }  
  },  
  mounted() {  
    setInterval(() => {  
      this.c += 1;  
    }, 1000)  
  },  
  methods: {  

  }  
}  
</script>  

<style></style>

操作步骤：

RT

预期结果：

希望 c 的修改也会导致 transition 不执行隐藏的动画；

实际结果：

c 的修改也会导致 transition 执行隐藏的动画；小程序没问题；H5有问题；

如果视图上没有 c，不会出现问题

bug描述：

<template>  
  <view>  
    {{ c }}  
    <uni-transition :show="show"><text class="text">示例元素</text></uni-transition>  
  </view>  
</template>  

<script>  
export default {  
  components: {  
  },  
  data() {  
    return {  
      c: 0,  
      show: true  
    }  
  },  
  mounted() {  
    setInterval(() => {  
      this.c += 1;  
    }, 1000)  
  },  
  methods: {  

  }  
}  
</script>  

<style></style>

c 的修改也会导致 transition 执行隐藏的动画（并没有控制 show 属性）；小程序没问题；H5有问题；

如果视图上没有 c，倒不会出现问题

2023-04-25 22:17 负责人:YUANRJ 分享

6 个回复

最佳回复

HRK_01

现版本已修复，请到插件市场更新至最新版本

1***@qq.com

没有修复吧，怎么我复现了还是会。

2024-11-13 10:56
1***@qq.com

我在页面上使用了两个uni-transition控制两个盒子，不管我视图上有没有放置变动的变量，一个uni-transition变化后就会影响到另外一个transform: translateY(-100%)顶上去。

2024-11-13 11:28