官網的案例是在元件上加入v-if來觸發動畫。

<transition name="slideDown">
  <header v-if="show">
    <h1>readsound</h1>
  </header>
</transition>

 

但是如果我是想在畫面一進入的時候,或是畫面重新整理reload時,都要自動先跑一次進場動畫,這時候就可以在<transition>加上appear屬性:

<transition appear name="slideDown">
  <header>
    <h1>readsound</h1>
  </header>
</transition>
0
0 回復

發表評論

想要加入討論嗎?
請盡情發表您的想法!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。