NervJS / taro

开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
https://docs.taro.zone/
Other
35.08k stars 4.75k forks source link

Vue3 <Transition>标签使用受限 动画未能正确触发 #15938

Open 649683137 opened 2 weeks ago

649683137 commented 2 weeks ago

相关平台

微信小程序

复现仓库

https://gitee.com/huang_zhenjian/taro-bug.git 小程序基础库: 3.3.1 使用框架: Vue 3

复现步骤

运行项目即可

期望结果

组件在嵌套元素有绑定事件等条件下正常实现动画功能

实际结果

组件在嵌套元素有绑定事件等条件下未能实现动画功能

环境信息

👽 Taro v3.5.7

  Taro CLI 3.5.7 environment info:
    System:
      OS: macOS 13.5.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node
      Yarn: 1.22.19 - ~/.nvm/versions/node/v14.17.0/bin/yarn
      npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm
    npmPackages:
      @tarojs/components: 3.5.7 => 3.5.7 
      @tarojs/mini-runner: 3.5.7 => 3.5.7 
      @tarojs/plugin-framework-vue3: 3.5.7 => 3.5.7 
      @tarojs/runtime: 3.5.7 => 3.5.7 
      @tarojs/taro: 3.5.7 => 3.5.7 
      @tarojs/webpack-runner: 3.5.7 => 3.5.7 
      babel-preset-taro: 3.5.7 => 3.5.7 
      eslint-config-taro: 3.5.7 => 3.5.7 

补充信息

按照文档给出的hack方法编写,给嵌套元素绑定点击事件后,v-show和v-if状态变化后都无法正常触发进入和离开动画,且使用v-if状态变化时报错

TypeError: Cannot read property '_num' of undefined
x1911 commented 2 weeks ago

同问,transition组件不生效