description

لودینگ در vuejs

- 9 ماه پیش
توسط علیرضا اصلانی آپدیت شد
علی اصغر کریمی ( 0 تجربه )
9 ماه پیش

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

علیرضا اصلانی ( 5267 تجربه )
9 ماه پیش

یه کامپونتت بساز که توش صفحه لودینگت باشه بعد توی کامپوننتهایی که میخوای لودینگ نمایش بده ( داخل ()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

برای ارسال پاسخ باید وارد سایت شوید