エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Nuxt.jsでimgタグのsrc属性をバインディングする時にちょっと困った - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Nuxt.jsでimgタグのsrc属性をバインディングする時にちょっと困った - Qiita
<template> <img :src="imgUrl"> </template> <script> export default { data () { return { imgUrl: "... <template> <img :src="imgUrl"> </template> <script> export default { data () { return { imgUrl: "~/assets/hoge.png" } } } </script> ページ上では <img src="~/assets/hoge.png"> と出力されるのだが、画像は表示してくれない。 解決法 https://ja.nuxtjs.org/guide/assets/ 上記公式サイトによるとnuxtではこうコンパイルされるらしい というわけで、こう書いたらちゃんと表示されました。 <template> <img :src="img"> </template> <script> // 開発時はimage loaderでblobにして読み込む。本番時には設定で良い感じにurlになったりする。 impor