fatihes1 / Sensor-Monitoring-Dashborard-w-Vue3-NodeJS

A platform where data collected from a network of sensors placed in a region is stored and displayed.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Toast ile uyarılar

fatihes1 opened this issue · comments

appAxios ile istek atıldıktan sonra her ne kadar response gelse de bazen response ok olmuyor, veya input alanları boşken istek atılmamalı, yine aynı şekilde yarı çap dışında noktalar giriler ise kontrol edilmelidir.
toast paketi ile bir tanesi yapacağım sonraki kontrollere bakabilirsin

@YunusEmreOztekinn , HomPage.vue dosyası içerisinde toast nasıl kullanılacağını görebilirsin. createMainPoint içerisinde title değişkeni boş olduğunda hata atıp kayıt oluşturulmasını engelliyoruz.

if(this.crateMainPointForm.title == null) {
const toast = useToast();
toast.error("Title alanı boş olamaz !");
return { toast }
}

şu kod kontrolü sağlıyor ama tüm input alanları için yapmak lazım (hepsini direkt bir if bloğunda veya için kullanılan | | --> sembolü ile yaparsan daha kolay olacaktır. )