Vue.js 2.0 が img src 属性を双方向でバインドできない場合がある問題を解決

以下に、Vue.js 2.0 で img src 属性を双方向にバインドできない場合があるという問題を解決する記事を紹介します。これは良い参考値であり、皆さんのお役に立てれば幸いです。

間違った使用法:

<img src="http:0.0.0.127/{{item.imgname}}" alt="">

正しい使用法:

<img src="&#39;http:0.0.0.127/&#39;+item.imgname" alt="">

属性をバインドするときは、前に追加します:

属性の値 Expression を使用できます。ただし、文字列を結合するときは引用符を追加することに注意してください

上記は、将来すべての人に役立つことを願ってまとめたものです。

関連記事:

Vueで検索機能とニュースリスト機能を実装する簡単な例

axiosによる投稿リクエストの送信とイメージ型フォームデータの送信方法
​​

vueコンポーネントでのaxiosの使い方

以上がVue.js 2.0 が img src 属性を双方向でバインドできない場合がある問題を解決の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。