این محصول رایگان می باشد

Lazy Loading در Vue


پیاده سازی Lazy Loading برای تصاویر در Vue.js

  • دسترسی به فایل محصول به صورت مادام‌العمر
جهت دسترسی به لینک دانلود وارد سایت شوید
  • بازدید : 228
  • ثبت اولیه : دو شنبه ۱۹ فروردین ۱۳۹۸
  • تاریخ بروزرسانی : دو شنبه ۱۹ فروردین ۱۳۹۸
آخرین نسخه بروز شده و قابل دانلود
  • نام نسخه : V.1
  • حجم فایل : 0.13 مگابایت
  • تاریخ ثبت : 1398/01/19
نرم افزارهای مورد نیاز جهت اجرای این نسخه :
  • vs code
  • مرورگر

جهت دسترسی به لینک دانلود وارد سایت شوید

توضیحات محصول

با استفاده از این کامپوننت شما میتوانید Lazy Loading را برای تصاویر خود پیاده سازی کنید

برای اطلاعات بیشتر از نحوه پیاده سازی ، بخش راهنمای محصول را مطالعه نمایید

آخرین نسخه به روز شده و قابل دانلود
  • نسخه : V.1
  • حجم فایل : 0.13 مگابایت
  • تاریخ ثبت : 1398/01/19
نرم افزارهای مورد نیاز جهت اجرای این نسخه :
  • vs code,مرورگر
جهت دسترسی به لینک دانلود وارد سایت شوید

راهنمای محصول

سورس قرار داده شده یک sample میباشد

برای استفاده از این کامپوننت میبایست ابتدا با دستور :

npm install vue-clazy-load --save

این پلاگین را نصب کنید .

پس از نصب ، آن را در main.js اضافه کنید :

import VueClazyLoad from 'vue-clazy-load'

 سپس آن را به Vue معرفی کنید :

Vue.use(VueClazyLoad)

 حالا میتوانید از آن استفاده کنید. کد زیر ، نمونه ای از نحوه استفاده از این پلاگین میباشد:

<clazy-load src="https://unsplash.it/500">
  <img src="https://unsplash.it/500">
  <div class="preloader" slot="placeholder">
    Loading message
  </div>
</clazy-load>

برای اطلاعات بیشتر میتوانید از document این سورس نیز استفاده کنید . 

برای درج نظر ابتدا باید وارد سایت شوید
پیغامی وجود ندارد

بیش تر Lazy Loading در Vue(current)