حسین صادقی
5 سال پیش توسط حسین صادقی مطرح شد
5 پاسخ

لودینگ در ویو جی اس

سلام دوستان روز بخیر
من یکسری اطلاعات رو با axios ثبت میکنم به این صورت

   onSubmit() {
                axios.post('/project', this.data)
                    .then(response => this.showAlert(this.title_alert = 'انجام شد', this.text_alert = 'پروژه شما با موفقیت اضافه شد', this.type_alert = 'success'))
                    .catch(error => this.showAlert(this.title_alert = 'انجام نشد', this.text_alert = 'خطایی رخ داد', this.type_alert = 'error'))
            }

چطور میتونم قبل از اینکه Alert رو نشون بده ی لودینگ بر اساس سرعت کاربر نشون بدم
از این پکیج هم استفاده میکنم

https://www.npmjs.com/package/vue-loading-overlay

ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
1

نمونه نمیخواد.
ببینید شما یک المنت برای لودینگتون با html و css در اونجای که میخواید قرار بدید و بعد display اون لودینگ رو none قرار بدید . دقیقا قبل از درخواست http با جاوااسکریپت display رو به block یا هر چیز دیگه‌ای تبدیل کنید و بعد از اتمام کار دوباره display رو برابر با none قرار بدید


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
1

@mr.pangh
لطفا عنوان گفتگو رو به شکل فارسی بنویسد.
در غیر این صورت مجبور به حذف گفتگو میشیم
تشکر از توجه‌تون


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
1

و اما در مورد سوالتون قبل از اینکه یک درخواست http به جای بفرستید، دقیقا قبلش یک لودینگ رو اول فعال کنید ! بعد از فعال شدن زمانی که then یا catch اجرا شد اون loading که فعال کرده بودید رو غیر فعال کنید
نیاز به هیچ پکیج خاصی هم نیست


حسین صادقی
@Hossein.sadeGHi 5 سال پیش آپدیت شد
0

@hesammousavi
ممنون
هرچه جستجو کردم نمونه کدی پیدا نکردم
امکانش هست شما قرار بدین؟


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
1

نمونه نمیخواد.
ببینید شما یک المنت برای لودینگتون با html و css در اونجای که میخواید قرار بدید و بعد display اون لودینگ رو none قرار بدید . دقیقا قبل از درخواست http با جاوااسکریپت display رو به block یا هر چیز دیگه‌ای تبدیل کنید و بعد از اتمام کار دوباره display رو برابر با none قرار بدید


محمد
تخصص : طراح رابط کاربری، برنامه نویس...
@mhmd.dev 5 سال پیش مطرح شد
1

<div v-if="loading">Loading</div>
اینو قبل یا بعد از جایی که داده هاتونو قرار میدید قرار بدید
تو قسمت دیتاتونم loading و تعریف کنید و مقدارشو true قرار بدید
بعد از اون جایی که آلرت هارو نمایش میدید(تو متد then) مقدار loading رو برابر false قرار بدید
this.loading = false;


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام