علی اصغر کریمی
5 سال پیش توسط علی اصغر کریمی مطرح شد
1 پاسخ

لودینگ در vuejs

سلام ٬‌ من یه پروژه با vue-cli ساختم و خب وقتی reload میدم صفحه رو کمی طول میکشه تا css ها لود بشن ٬ من میخوام که تا وقتی صفحه کاملا لود نشده یه لودینگ رو داشته باشم ٬ ممنون میشم کمک کنین


vuejs
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
علیرضا اصلانی
تخصص : Web and Mobile Developer
@aaslani 5 سال پیش آپدیت شد
3

یه کامپونتت بساز که توش صفحه لودینگت باشه بعد توی کامپوننتهایی که میخوای لودینگ نمایش بده ( داخل ()data ) یک boolean با مقدار اولیه ی true تعریف کن مثلا showLoading: true بعد اون کامپوننت لودینگ صفحتو با دستور v-show یا v-if مقدار showLoading چک کن بعدش واسه فایلای css اینا که میگی میتونی توی تابع mounted مقدار showLoading رو false کنی که به نظرم واسه فایلا چون خیلی سریع اتفاق میوفته لودینگ زیاد ضروری نیست ولی اگه تو صفحتون درخواستای ایجکس دارین که ممکنه طول بکشه تا اطلاعات رو از سرور بگیره و نمایش بده توی axios داخل then و catch که مقداردهی هاتونو انجام دادین اخرش showLoading رو false کنید به همین راحتی

پیکیج های زیادیم واسه اینکار هست که متونین تو گوگل سرچ کنین ولی همین دستی به نظرم بهتره

این پکیجم خودم تست کرده بودم خوب بود
https://github.com/Akryum/vue-progress-path


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

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