Image From Url component doesn't work

[locallyaccepted]

Image From Url component doesn't work

[bensladden]

Hi, you will need to set the url for the component to work. The default for this prop is ../vue.png so if this file does not exist in your vue project it will not load.

[locallyaccepted]

I noticed that upon looking further. Thank you for the reply.

I do have one more question.

If I put a string url in the :url section, it loads correctly, but if I have the url as a reactive property (ie a computed property), no image is loading.

Thank you for your responses :) I'm not a programmer by trade, learning out of budget necessity to build tools for my shop

[bensladden]

Not sure what is wrong here is an example: https://codesandbox.io/s/debug-eqeyv

[locallyaccepted]

https://codesandbox.io/s/debug-4kfd1

I replicated the issue I'm having. Nothing throws in the console, the object updates correctly but the image doesn't.

Once again, thank you so much for your help :)

[bensladden]

Ahh i see your problem. The url prop does not refresh the image. To get around this see below:
https://codesandbox.io/s/debug-gf460
Basically don't render the component unless the url is set.
If you wish to swap the url once rendered you will likely need to set the prop back to "" then wait for next tick before setting it again.

[bensladden]

example: https://codesandbox.io/s/debug-f5buh

[locallyaccepted]

Thank you so much :)