Vue3 <Transition>标签使用受限 动画未能正确触发
649683137 opened this issue · comments
相关平台
微信小程序
复现仓库
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
同问,transition组件不生效