- nuxt
- vuetify
- 変数を持ってくるurl
- しかも連想配列
の条件でimgの指定ができなくて困っています
<img v-bind:src="require(`${message.user_photoUrl}`)"/> data () { return { messages: [], } }
chatでmessagesにメッセージ内容やiconのurlを入れており配列で回したいです。message.user_photoUrlにあるアイコンを表示させたいのですが
Error: Cannot find module '~/assets/img/icon_04.png'
とエラーが出てしまいます。
- imgのsrcにrequireで書いても上記エラー
- そのまま<img v-bind:src="message.user_photoUrl"/>と書いてもうまくコンパイルされない
- requireをつけてdataから渡したいけどうまく渡せない。→このやり方が一番うまくいきそうなのでここの書き方を教えていただけると解決するかもです
あなたの回答
tips
プレビュー