Apabila anda menggunakan vue-router biasanya akan menggunakan tanda sharp (#) pada tiap url. Namun apabila anda tidak menginginkannya, anda dapat mengilangkannya dengan menggunakan mode history
const router = new VueRouter({
mode: 'history',
scrollBehavior() {
return {x: 0, y: 0}
},
routes
})
Anda harus sedikit waspada saat anda mengakses halaman yang sama pada project anda, namun dengan parameter url yang berbeda.
Contohnya apabila anda mempunyai url /blog/tutorial-laravel
diamana tutorial-laravel
merupakan parameter url anda.
Saat anda sedang berada pada halaman tersebut, ketika anda bernavigasi ke url /blog/tutorial-vue
, maka biasanya halaman tidak akan mendeteksi bahwa anda telah berpindah sehingga konten anda tetap menggunakan konten pada halaman tutorial-laravel
.
Anda dapat mengakalinya dengan melakukan watch
terhadap parameter url tersebut.
Baca Juga Cara Watch Variable Ketika Value Berganti di Vuejs
Saya bisa membuatkan anda Aplikasi berkualitas Tertarik mengembangkan aplikasi? Hubungi saya sekarang untuk mendapatkan penawaran terbaik