Subscribe on changes!

can't display net picture

avatar
Nov 16th 2022

Vue version

3.2.25

Link to minimal reproduction

https://sfc.vuejs.org/#__DEV__eNqVUk2P2yAU/CuvXNxKG4ODndhWdqXe+g96KD2A/cg6NdgCkqqK/N8LTrqqdqWV9sDHPB4Dmpkr+TrP+eWMpCUH37lhDuAxnOcnYQczTy7AFRxqWEC7yUAWWzNhAdLoJusD9DJIeExNn6+pCqAnZ9r7HmAcfGh/ZM8hzL6lVJ+9L1iOIxrsept3k6GSck05Z1usat3Ioi76bcUazfuOabmrFTvNeMzTlD0k3nfZCspLWjRSNrUqdKe2+7roSq0k531dsapsPsLG6E5T5JXWfF/VxRZ3irEtUztVYvxsVfOPsDVUKYrxR1WNzZ7rqt/3vGFlHR8od1Kp/j+2nzcJl7QsX4QV9qa48ce74Nk3HMcJvk9u7D9lseVAbyZG+yIIaOZRBowI4PBcPF2v6+VlOdCI1upgjnDZRMseBRniBRjsammeXMyTeYJA+wv/3M8T8q57QZHlQF8eIg/kFpuNkXN+8pONwVqjEPvXAy9IC/dwCBLjlLAg/0TzuktxPPl8ckcad7k72zAYzNGbjXLTb48uEguyin3noLF4QbdxaHt06N7jfNX6hndVW9iFLH8BJb0EQg==

Steps to reproduce

just open it

const data = ref({ imgList:['https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'], form:{ imgList:['https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'] } })

What is expected?

show the pictrues

What is actually happening?

can't see the pictrue

System Info

win10(21H2)
chrome/firefox/edge latest

Any additional comments?

I can t reproduce it on SFC Playground but I found the problem to only appear when I put imglist in the second layer like data.form.imgList When I changed to use data.imgList it worked fine 我没办法在 SFC Playground复现,即使我用的是相同的代码. 在我的业务中,图片数组本身是使用data.form.imgList,但始终无法显示图片,在刷新时会看到图片先闪一下,之后就不见了.network中的加载是成功了的. 之后我把变量换成data.imgList,就可以正常显示了

avatar
Nov 16th 2022

You can provide the best reproduction on stackblitz

avatar
Nov 16th 2022

我没办法在 SFC Playground复现,即使我用的是相同的代码. 在我的业务中,图片数组本身是使用data.form.imgList,但始终无法显示图片,在刷新时会看到图片先闪一下,之后就不见了.network中的加载是成功了的. 之后我把变量换成data.imgList,就可以正常显示了

I think you should check if the data.form.imgList has been changed.

avatar
Nov 16th 2022

我没办法在 SFC Playground复现,即使我用的是相同的代码. 在我的业务中,图片数组本身是使用data.form.imgList,但始终无法显示图片,在刷新时会看到图片先闪一下,之后就不见了.network中的加载是成功了的. 之后我把变量换成data.imgList,就可以正常显示了

I think you should check if the data.form.imgList has been changed. it never changed. I'll try it again when I have time. In fact, I can't reproduce in another project I built new, so I will check whether it is a project configuration problem

avatar
Nov 18th 2022

In fact, I can't reproduce in another project I built new, so I will check whether it is a project configuration problem.

If you reproduce the problem please feel free to reopen this issue. thanks for your report. @aizela