（Vue）使用＜transition＞标签对元素使用过渡失效

 <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;
}