我正在用 vue 创建一个电影数据库应用程序,我正在尝试输出一个从 API 获取的图像源。出于某种原因,src 的输出没有按照应用程序中应有的方式呈现。它打印字符串 {{movie.Poster}}。我显然没有以正确的方式使用 v-bind。那么关于如何以正确的方式打印海报路径的任何想法?
<template>
<div class="my-10">
<h2 class="text-bold">{{ movie.Title }}</h2>
<img v-bind:src="'{{movie.Poster}}'"/>
</div>
</template>
你需要使用
<img :src="movie.Poster"/>
因为 {{ .. }} 是模板文字。所以它输出一个字符串。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句