vueのv-forを使用して、AWS S3の画像URLにアクセスしブラウザ表示したい

Question

vueのv-forを使用して、取得したjsonの画像パス(AWS S3)にアクセスしたいです。
が、書き方で詰まってしまいました。詳しい方、ご教示お願いできませんでしょうか。

前提・実現したいこと

recordsには下記のようにIDを連番としたjsonデータが複数入っています。

{
	"ID": 1,
	"TopImagePath": "https://hoge.s3.us-east-2.amazonaws.com/images/000001.png"
}

該当のソースコード

    <div class="container" v-for="record in records" v-bind:key="record.ID">
        <img src='{{record.TopImagePath}}'>
    </div>

発生している問題・エラーメッセージ

v-forを使用したところ、文字列として解釈されてしまい、画像を表示しない。

GET http://localhost:8000/app/%7B%7Brecord.TopImagePath%7D%7D 404 (Not Found)

試したこと

<img src="https://hoge.s3.us-east-2.amazonaws.com/images/000001.png">
では表示できます。（URLの誤りのセンはありません）

なるべくシンプルに、複数の画像URLを表示したいです。
お詳しい方、ご教示お願いできませんでしょうか。

Answer 1

    <div class="container" v-for="record in records" v-bind:key="record.ID">
        <img v-bind:src="record.TopImagePath">
    </div>

でできました。（{{ }}を付けない）
回答いただいた方、ありがとうございました。

Answer 2

<img :src="record.TopImagePath">

コロン追加、ダブルクォーテーション。

Comments

[umino]

回答ありがとうございます。
ご教示いただいた内容を試したところ、
SyntaxError: Unexpected token
となりました。

[gambaldia]

ごめんなさい、まちがいました