ApoorvSaxena / ApoorvSaxena/lozad.js

enableAutoReload for background images

未关闭
#272 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
7.5k
派生
435
PR 合并指标
30 天内没有已合并 PR

描述

I am not able to get my images reloaded, enabling the parameter `enableAutoReload `, while using the `data-background-image` to provide the image source.

## Expected Behavior
The background image should be updated for the observed element.

## Current Behavior
The element keeps with the same background image, and the observer is not triggering the update.

## Steps to Reproduce (for bugs)
Following are the relevant parts of the component I am working on:
TEMPLATE:
```

```
SCRIPT:
```
props: {
src: {
type: String,
required: true,
},
mounted() {
this.observer = lozad('.lozad', { enableAutoReload: true })
this.observer.observe()
},
```

## Context
I am trying to build a gallery for a hybrid application with Nuxt (Vue), in which I have an album selector. When I change that selector, the images should change to the ones stored in the new album selected.

## Tested on:
* Browser Name and version: **Google Chrome Version 92.0.4515.131 (Official Build) (64-bit)**
* Operating System and version (desktop or mobile): **Windows 10 Home Version 20H2**
* Framework & Version: **Vue 2.6.14**

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。