nuxtのdataで連想配列にあるimgのurlにrequireをつけたい

Question

v-forで回している連想配列のimgを

https://qiita.com/ryo2132/items/ed5e3f5eee1ba0c4c625

このやり方でrequireを用いて画像表示させたいのですがうまくdataで連想配列にrequireをつけれません。。。どう書けばいいでしょうか？

  <v-list-item
      three-line
      v-for="message in messages" :key="message.id"
    >
    <v-list-item-avatar>
      <img src="message.user_photoUrl">

上記のmessageという連想配列にあるmessage.user_photoUrlにrequireを付与したいです。この中身はimgのurlです。dataは下記で書いてます

  data () {
    return {

      message: '',
      messages: [],

    }
  },

Comments

[tiffany_rom_24]

連想配列messagesの中身を見せていただきたいです！
user_photoUrlの中身はどこに書かれていますか？