Image 无法使用img bind vue加载图像

有人能帮我吗，为什么我的图像无法加载

<div class="card" v-for="movie in movies_trend" v-bind:key="movie.id" >
    <div :class="['card-movie', movie.page]" :movie="movie.name">
        <img :src="'../src/assets/image/kimi-no-na-wa-poster.jpg'+movie.poster" class="card-img-top" :alt="movie.name">
    </div>
</div>

这是我的主任

<div class="card" v-for="movie in movies_trend" v-bind:key="movie.id" >
    <div :class="['card-movie', movie.page]" :movie="movie.name">
        <img :src="movie.poster" class="card-img-top" :alt="movie.name">
    </div>
</div>

您的图像路径可以添加到电影。海报 因此，您的movie.poster将包含值“../src/assets/image/kimi no na wa poster.jpg”

您还可以通过以下方式添加图像标记

<img :src="'../src/assets/image/'+ ${movie.poster}" class="card-img-top" :alt="movie.name"/>

---

在这种情况下，变量movie.poster将只包含imagekimi no na wa poster.jpg

的名称，路径不正确

。/assets/image/yourmage

，通常需要为根目录创建别名，这样就不必为目录编写上下代码。