我有一個關于離開影片的問題。它在進入時正常作業。 父組件:
<transition name="openedBar">
< nav-bar v-if="burgerIsOpened" @close="toggleBurger" > </nav-bar>
</transition>
NavBar組件:
<模板>
< div class="container--mobile" @click="tryClose">
<nav>/span>
<ul>
<li>/span>
<router-link to="/auth"/span>> Войти в личный кабинет</router-link>
</li>/span>
<li>/span>
<router-link to="/cart"/span>> Корзина</router-link>。
</li>/span>
<li>/span>
<router-link to="/catalogue"/span>> Каталог</router-link>。
</li>/span>
<li>/span>
<router-link to="/cactus"/span>> Доставка</router-link>。
</li>/span>
<li>/span>
<router-link to="/cactus"/span>> Программаскидок</router-link>。
</li>/span>
<li>/span>
<router-link to="/cactus"/span>> О нас</router-link>。
</li>/span>
</ul>/span>
</nav>/span>
</div>/span>
父組件的樣式:
.openedBar-enter-active {
// transition: all 1.1s ease;
animation: modal 1.1s easy-out;
}
.openedBar-leave-active {
animation: modal 1.1s easy-in reverse。
}
@keyframes modal {
from {
opacity: 0;
transform: translateY(-50px) scale(0.9)。
}
到 {
opacity: 1;
transform: translateY(0) scale(1)。
}
不管我為離開影片設定多少時間,反正它不起作用。當我關閉漢堡選單時,它就消失了。 也許我的解釋有點奇怪,因為我只是個新手,所以提前感謝你!
uj5u.com熱心網友回復:
如果我沒記錯的話,v-if會在false時將元素從DOM中移除,由于它被移除了,所以它就不能做影片。也許你可以用v-show試試?
uj5u.com熱心網友回復:
我找到了一個解決方案,在我的子元素NavBar中,我有一些評論,當我洗掉它們時,一切都正常。也許它只是通過npm運行服務這樣作業。 因此--沒有評論--不錯的影片。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/319389.html
標籤:
