Yêu cầu thg 6 19, 2021 4:15 SA 106 0 1
  • 106 0 1
0

Hỏi về lazyload image in v-html vuejs

Chia sẻ
  • 106 0 1

Cho mình hỏi là mình muốn lazyload image trong 1 đoạn v-html của vuejs thì làm như thế nào? Mình cảm ơn.

1 CÂU TRẢ LỜI


Đã trả lời thg 6 19, 2021 9:46 SA
Đã được chấp nhận
+1

Có rất nhiều cách tiếp cận, có 1 cách mình nghĩ ngay tới bây giờ: dùng vue-lazyload. Bạn xem ví dụ về lazyload v-html ở đây: https://www.programmersought.com/article/46756522374/. Chúc bạn thành công

Chia sẻ
Avatar quang hải @sven_9x
thg 6 19, 2021 4:06 CH

@maitrungduc1410 b thường dùng cái placeholder nào khi lazyload image khi dùng vue-lazyload?

Avatar Mai Trung Đức @maitrungduc1410
thg 6 19, 2021 4:08 CH

@sven_9x ý bạn là skeleton? bạn có thể dùng cái này nhé: https://github.com/kitwon/vue-loading-skeleton (nếu bạn dùng Vuetify/Ant design thì nó có component đó đấy)

Avatar quang hải @sven_9x
thg 6 21, 2021 9:19 SA

@maitrungduc1410 ý mình là chỗ này

Vue.use(VueLazyload)

// or with options
const loadimage = require('./assets/loading.gif')
const errorimage = require('./assets/error.gif')
Avatar quang hải @sven_9x
thg 6 21, 2021 9:19 SA

@maitrungduc1410 bạn thường dùng gì

Avatar Mai Trung Đức @maitrungduc1410
thg 6 21, 2021 1:24 CH

@sven_9x mình thì thường dùng image làm placeholder (image logo của cty chẳng hạn, nên chọn cái nào size rất nhẹ thôi), mình ít thấy ng ta dùng gif

Avatar quang hải @sven_9x
thg 6 22, 2021 3:14 SA

@maitrungduc1410 mình muốn kiểu ảnh nó mờ mờ r hiện lên được k bạn? hoặc chỉ cần nó loading như lúc set thuộc tính <img lazy="loading" /> ý b? thì set như nào nhỉ?

Avatar Mai Trung Đức @maitrungduc1410
thg 6 22, 2021 4:14 SA

@sven_9x cái đó thì có vẻ custom quá rồi bạn 😃), cũng đã có người tạo issue như bạn nói: https://github.com/hilongjw/vue-lazyload/issues/211

Họ cũng share lib này để làm progressive image: https://github.com/MatteoGabriele/vue-progressive-image

Avatar quang hải @sven_9x
thg 6 22, 2021 7:35 SA
Avatar quang hải @sven_9x
thg 6 22, 2021 7:38 SA

@maitrungduc1410 oke b. tks b nhiều

Avatar Mai Trung Đức @maitrungduc1410
thg 6 22, 2021 8:03 SA

oke bạn nhé

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí