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 Kasir (Point of Sales) dengan Laravel, Inertia.js dan Vue.js
LIHAT COURSE
Membangun Webiste Wisata Berbasis GIS dan PWA dengan Laravel, React.js dan Mapbox
LIHAT COURSE
Membangun Aplikasi Ujian Online (CBT) Dengan Laravel, Inertia.js & Vue.js
LIHAT COURSE