使用官方的popup组件时 添加了自定义动画
v-show 显示的时候动画正常
v-show=false的时候候直接 display：none了 未先执行动画
或者有没有其他的办法来实现关闭动画
<template>
<view>
<view class="uni-mask" v-show="show" :style="{ top: offsetTop + 'px' }" @click="hide" @touchmove.stop.prevent="moveHandle"></view>
<view class="uni-popup" :class="[show? 'uni-' + position + ' ' + 'uni-' + mode:'amhide(就是这个方法)']" v-show="show">
{{ msg }}
<slot></slot>
<view v-if="position === 'middle' && mode === 'insert'" class=" uni-icon uni-icon-close" :class="{
'uni-close-bottom': buttonMode === 'bottom',
'uni-close-right': buttonMode === 'right'
}" @click="closeMask"></view>
</view>
</view>
</template>
7***@qq.com
- 发布：2019-05-23 15:49
- 更新：2020-05-13 14:40
- 阅读：6374
关于uni-app 动画的坑 使用popup添加动画时 不能像vue那样使用<transition></transition>来做消失时的动画 显示的动画是OK的
分类：uni-app
1 个回复
9***@qq.com
请问解决了吗，我只要页面添加transition标签就会报错