亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue keepalive 配合 transition 動畫會重疊

vue keepalive 配合 transition 動畫會重疊

慕蓋茨4494581 2018-12-16 17:17:30
<template>     <div>         <transition :name="transitionName" @afterLeave="afterLeave">             <keep-alive>                 <router-view v-if="$route.meta.keepAlive"></router-view>             </keep-alive>         </transition>         <transition :name="transitionName" @afterLeave="afterLeave">             <router-view  v-if="!$route.meta.keepAlive" class="child-view"></router-view>          </transition>     </div></template> watch: {     $route(to, from) {     let toLevel = to.meta.level;     let fromLevel = from.meta.level;     this.transitionName = toLevel>fromLevel?'slide-left':'slide-right'      this.has = toLevel>fromLevel?false:true //判斷     }   }如上述代碼 只在router-view 進行了v-if判斷 所以會存在兩個transition如果在 keepalive 上加 v-if 判斷 組件就不會緩存 如果在 transition加入判斷 頁面就不會顯示應該在哪里判斷 又或者如何處理 ?求幫忙?。?!
查看完整描述

1 回答

?
繁星點點滴滴

TA貢獻1803條經驗 獲得超3個贊

建議吧transition 放在keep-alive中

查看完整回答
反對 回復 2018-12-16
  • 1 回答
  • 0 關注
  • 1518 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號