لودینگ در ویو جی اس
سلام دوستان روز بخیر
من یکسری اطلاعات رو با 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
پاسخها
5
نمونه نمیخواد.
ببینید شما یک المنت برای لودینگتون با html و css در اونجای که میخواید قرار بدید و بعد display اون لودینگ رو none قرار بدید . دقیقا قبل از درخواست http با جاوااسکریپت display رو به block یا هر چیز دیگهای تبدیل کنید و بعد از اتمام کار دوباره display رو برابر با none قرار بدید
@mr.pangh
لطفا عنوان گفتگو رو به شکل فارسی بنویسد.
در غیر این صورت مجبور به حذف گفتگو میشیم
تشکر از توجهتون
و اما در مورد سوالتون قبل از اینکه یک درخواست http به جای بفرستید، دقیقا قبلش یک لودینگ رو اول فعال کنید ! بعد از فعال شدن زمانی که then یا catch اجرا شد اون loading که فعال کرده بودید رو غیر فعال کنید
نیاز به هیچ پکیج خاصی هم نیست
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@hesammousavi
ممنون
هرچه جستجو کردم نمونه کدی پیدا نکردم
امکانش هست شما قرار بدین؟
<div v-if="loading">Loading</div>
اینو قبل یا بعد از جایی که داده هاتونو قرار میدید قرار بدید
تو قسمت دیتاتونم loading و تعریف کنید و مقدارشو true قرار بدید
بعد از اون جایی که آلرت هارو نمایش میدید(تو متد then) مقدار loading رو برابر false قرار بدید
this.loading = false;