首頁 > web前端 > js教程 > Vue2.0 為Tab標籤頁和頁面切換過渡新增樣式的方法

Vue2.0 為Tab標籤頁和頁面切換過渡新增樣式的方法

亚连
發布: 2018-05-30 15:30:00
原創
3422 人瀏覽過

下面我就為大家分享一篇Vue2.0 為Tab標籤頁和頁面切換過渡添加樣式的方法,具有很好的參考價值,希望對大家有所幫助。

使用vue-router建立單頁應用程式時,如何為目前頁面的標籤頁新增樣式呢?

1.在app.vue檔案中你的nav中加入路由位址

2.依然在app.vue檔案中,加入樣式

#不用在任何位置加class,只要在css中寫上這個名稱,樣式自己隨意改。

如何在單頁切換的時候加入過渡?

1.在app.vue檔案中,將router-view包裹在transition中,transition加個name。

2.在app.vue中加入css樣式(你的transition的name是什麼,第一個單字就是什麼)

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

nodejs實作超簡單產生二維碼的方法

nodejs mongodb aggregate級聯查詢操作範例

基於vue1和vue2取得dom元素的方法

##

以上是Vue2.0 為Tab標籤頁和頁面切換過渡新增樣式的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板