Vue.js : How to scroll to top of pages after navigate

Mungkin banyak di antara teman-teman yang mengalami kendala halaman tidak menuju ke paling atas setelah berpindah halaman di dalam Vue.js, berikut ini cara sederhana yang bisa teman-teman coba.

Terima Kasih

Vue JS Vue Router
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.

Beriku ini cara jika teman-teman menggunakan Vue.js 3

import { onMounted } from 'vue';

setup() {

    //mounted
    onMounted(() => {
        window.scrollTo(0, 0);
    });

}

Atau jika teman-teman menggunakan Vue.js 2, maka bisa seperti berikut ini.

mounted: function() {
    window.scrollTo(0, 0);
}

Terima Kasih

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

Membangun Aplikasi Ujian Online (CBT) Dengan Laravel, Inertia.js & Vue.js
LIHAT COURSE
Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5
LIHAT COURSE
Membangun Website Toko Online Dengan Laravel, Nuxt.js dan Payment Gateway
LIHAT COURSE