vue transition在一開始的時候就載入動畫

官網的案例是在元件上加入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>

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

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