<transition name="move">
<div class="btn" v-if="regOrlog" key="regist">
<input type="button" value="注册" class="reg-btn" @click="userRegist">
</div>
<div class="btn" v-else>
<input type="button" value="登录" class="reg-btn" @click="userLogin">
</div>
</transition>
使用这种过渡时,需要给元素一个key值
CSS部分
.move-enter,
.move-leave-to {
opacity: 0;
transform: translateX(100%);
}
.move-enter-active,
.move-leave-active {
position: absolute;
transition: all 0.3s;
}