Vue 如何将 src 与 API 的输出正确绑定

奥斯卡B

我正在用 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章