Vue 在 V-for 中渲染图像

时间:2021-04-20 00:08:36

标签: javascript image vue.js

我正在尝试在 v-for 中渲染图像,但我只能将其作为字符串捕获。

  <tr
      class="bg-gray-100 border-b border-gray-200"
      v-for="currentView in getDashboard()"
      :key="currentView.id"
    >
      <td class="px-4 py-3">
        <img :src=" {{currentView["avatarUrl"]}}" width="40px" />
      </td>

{{currentView["avatarUrl"]}} 是一个对象,该索引包含头像图像。以这种方式使用 img 标签会显示语法错误。通过其他方式,我如何访问 v-for,用于 img 源标签内的对象。

0 个答案:

没有答案