Loader nuxt js

mau tanya bagaimana cara menampilkan loader selama render page pake nuxt-link, kalau pake opacity bisa tapi klo cuma pake opacity berasa kosong banget.

.page-enter-active .right-splash, .page-leave-active{
  background-color: #E5E5E5;
  transition: opacity .5s;
}

.page-enter .right-splash, .page-leave-to .right-splash{
  opacity:0;
}

nah klo pake css itu saya binggung gimana cara aktifin loadernya yang di js

maaf klo kata katanya berbelit belit saya binggung jelasinnya

vue nuxtjs css

@devry

44 Kontribusi 5 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

loader yang dimaksud apakah transisi biasa? geser kiri-kanan, atau loading spinner semacam animasi yang berputar?

@hilmanski

iya mas seperti itu, saat pindah ke page lain ada spinner kaya gitu

@devry

1 Jawaban:

<a href=' https://nuxtjs.org/examples/routes-transitions/ '> https://nuxtjs.org/examples/routes-transitions/ </a> bisa tambahin efek bounce-in *ada source codenya disana

Coba <a href=' https://nuxtjs.org/api/configuration-loading-indicator/ '>loadingindicator</a> (Mungkin ini untuk load pertama) contoh: <pre> { name: 'circle', color: '#3B8070', background: 'white' } </pre>

@hilmanski

2685 Kontribusi 2135 Poin

Dipost 5 tahun yang lalu

Tanggapan

naro script ini dimana ya mas hilman?

@ariseptyan

Kelas Premium! Belajar bikin website dari nol sekarang

Loader nuxt js

Kelas Premium!
Belajar bikin website dari nol sekarang