Yêu cầu Jun 19th, 2021 4:15 a.m. 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 Jun 19th, 2021 9:46 a.m.
Đã đượ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
Jun 19th, 2021 4:06 p.m.

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

Avatar Mai Trung Đức @maitrungduc1410
Jun 19th, 2021 4:08 p.m.

@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
Jun 21st, 2021 9:19 a.m.

@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
Jun 21st, 2021 9:19 a.m.

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

Avatar Mai Trung Đức @maitrungduc1410
Jun 21st, 2021 1:24 p.m.

@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
Jun 22nd, 2021 3:14 a.m.

@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
Jun 22nd, 2021 4:14 a.m.

@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
Jun 22nd, 2021 7:35 a.m.
Avatar quang hải @sven_9x
Jun 22nd, 2021 7:38 a.m.

@maitrungduc1410 oke b. tks b nhiều

Avatar Mai Trung Đức @maitrungduc1410
Jun 22nd, 2021 8:03 a.m.

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í