img tag in lazy-compoent will not update when data change

[peng]

https://codesandbox.io/embed/loving-star-7knj0?fontsize=14&hidenavigation=1&theme=dark
In this example when change data, first img tag src attributes will not update.
In my project all img tag in lazy-component will not update when data change

[precogtyrant]

I have the same issue. Did you find a resolution?

[hilongjw]

@peng Hi, I updated this code example, you can take a look: https://codesandbox.io/s/practical-banach-fgzgh

The point is that you need to use the :key="uniq" with lazy-component

// can't update
<div v-for="(item,index) in list" :key="index" >
      <lazy-component>
        <img  :src="item.src" :key="item.src" >
      </lazy-component>
    </div>

// working fine now
<div v-for="(item,index) in list" :key="index" >
      <lazy-component :key="item.src" >
        <img  :src="item.src" :key="item.src" >
      </lazy-component>
    </div>

[peng]

@hilongjw Oh it works. Good ! Thanks !
@precogtyrant Auther answer the resolution !