Logo
Logo
LOGIN REGISTER
© 2019 - 2026 SantriKoding.

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

Dilihat sebanyak 3.765 kali

Vue JS Vue Router

SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.

SOLUTION : 1

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

import { onMounted } from 'vue';

setup() {

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

}
SOLUTION : 2

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 komentar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

Memuat komentar...

Membangun Website Pemetaan Potensi Desa Berbasis GIS Dengan Golang, Vu...
DISKON 50%

Membangun Website Pemetaan Potensi Desa Berbasis GIS Dengan Golang, Vue, Leaflet dan Tailwind CSS

Rp. 350.000 Rp. 700.000
14
All Levels
FullStack JavaScript Developer: Membangun Aplikasi Kasir (POS) Dengan...
DISKON 50%

FullStack JavaScript Developer: Membangun Aplikasi Kasir (POS) Dengan Express dan React

Rp. 350.000 Rp. 700.000
59
All Levels
Membangun Website Forum Dengan Laravel, Inertia React & TailwindCSS
DISKON 40%

Membangun Website Forum Dengan Laravel, Inertia React & TailwindCSS

Rp. 240.000 Rp. 400.000
25
Pemula