So, I have this component
<template> <div class="newsitem"> <img src="${{imageurl}}" alt="newsimage" width="200" height="100"> <h1 class="newstitle">{{title}}</h1> <p class="newsdescription">{{description}}</p> </div> </template> <script> export default { props: { title: String, description: String, imageurl: String }, data() { return {}; } }; </script> The imageurl is an actual online link to an image. But I cannot see an image on my page.
Does someone know, how to pass it right to the image src?
This is where the prop comes from:
<NewsItem :title="nachricht.title" :description="nachricht.description" :imageurl="nachricht.urlToImage"/>