vue-router: Cara Handel Page Refresh Agar Tidak 404 Not Found

Menggunakan vue-router untuk membangun aplikasi Single Page Application (SPA) sangatlah mudah dan menyenangkan. Namun, karena aku adalah pendatang baru pada teknologi ini sehingga menemukan beberapa kendala minor. Salah satunya adalah halaman tidak ditemukan (404) saat halaman direfresh oleh browser karena terlalu lama tidak aktif. Ini sering terjadi saat aplikasi dibuka menggunakan Google Chrome versi android. …

Lanjutkan Membaca

Vue: Membuat Menu Toggle Fullscreen Page

Kita dapat membuat menu yang dapat mengubah browser menampilkan halaman web kita menjadi fullscreen menggunakan API Fullscreen Javascript. Sehingga tampilan web kita akan menjadi lebih luas karena taskbar dan address bar akan disembunyikan pada mode fullscreen. Pada kesempatan kali ini, tombol yang mau digunakan untuk membuat toggle fullscreen dibuat menggunakan komponen Switch vuetify. Berikut kodingan …

Lanjutkan Membaca

Vue: Mengganti Judul Halaman Dinamis pada vue-router

Membuat aplikase web based menggunakan konsep Single Page Application (SPA) menggunakan vue sangat powerfull menurut pengalamanku. Performa aplikasinya sangat bagus dan proses developmentya jauh lebih cepat dibanding saat aku menggunakan jQuery. Webapp yang menggunakan konsep SPA pertamakali yang aku rilis untuk level production adalah BengkelBaik. Aplikasi berisi Point of Sales(POS) dan seperangkat tools lainnya untuk …

Lanjutkan Membaca

Membuat Project Electron Menggunakan Vuetify

Ini adalah catatan untuk membuat aplikasi desktop menggunakan electron sebagai framework utama dan vuetify bertugas untuk menanganitampilan UI/UXnya. Sebetulnya ini adalah project pertamaku untuk membuat aplikasi desktop yang harus segera rilis untuk production dalam waktu kurang dari sebulan. Untuk mengikuti catatan ini perlu menginstall vue-cli minimal versi 3. Baca catatan sebelumnya tentang mengatasi masalah vue …

Lanjutkan Membaca

Mengatasi ‘vue’ is not recognized as an internal or external command

Aku mengalami problem ini saat mau membuat aplikasi desktop menggunakan Elektron. Setelah browsing beberapa saat akhirnya menemukan solusinya yaitu: Pertama, jalankan command di bawah ini menggunakan CMD yang di-run as administrator: Kedua temukan path NPM yang sedang digunakan menggunakan command berikut: Secara umum, command tersebut akan menghasilkan output seperti di bawah ini pada Windows 10. …

Lanjutkan Membaca