選單
×
×
正確!
練習當元素翻轉時,可以使用 <Transition> 元件,這樣當新元素可見時以及舊元素被移除時,它看起來會很好。 填空,以便在新增新元素之前,舊元素被完全移除 <Transition @(4)="@(6)"> <img src="/img_pizza.svg" v-if="imgActive === 'pizza'"> <img src="/img_apple.svg" v-else-if="imgActive === 'apple'"> <img src="/img_cake.svg" v-else-if="imgActive === 'cake'"> <img src="/img_fish.svg" v-else-if="imgActive === 'fish'"> <img src="/img_rice.svg" v-else-if="imgActive === 'rice'"> </Transition>
<Transition mode="out-in"> <img src="/img_pizza.svg" v-if="imgActive === 'pizza'"> <img src="/img_apple.svg" v-else-if="imgActive === 'apple'"> <img src="/img_cake.svg" v-else-if="imgActive === 'cake'"> <img src="/img_fish.svg" v-else-if="imgActive === 'fish'"> <img src="/img_rice.svg" v-else-if="imgActive === 'rice'"> </Transition> 不正確點選這裡 重新嘗試。 正確!下一個 ❯ |
這將重置所有 54 個練習的分數。
您確定要繼續嗎?