ホームページ > 記事 > ウェブフロントエンド > vue.jsにimgを導入する方法
vue.js に img を導入する方法: 1. 画像はバックエンドを通じてネットワーク イメージ パスに返されます; 2. 画像は require を通じて導入されます。コードは [imgUrl: {src: require( '../assets/images) /index/banner.png')}]。
【関連記事のおすすめ: vue.js】
vue.js で img が紹介されます方法:
解決策
画像をバックエンド経由でネットワーク画像パスに返すだけです。
<div class="banner-item" :style="{'background': `url(${$base.urlImage}${item.shufflingUrl})`,'background-size':'cover'}" ></div>
解決策 2
require による画像の導入
<script> export default { data() { return { imgUrl: { src: require('../assets/images/index/banner.png'), } } } } </script>
<script> require oBanner from '../assets/images/index/banner.png' export default { data() { return { imgUrl: { src: oBanner, } } } } </script>
上記では 2 種類の画像が表示されない問題が発生します。みんなが助けてくれることを願っています。
関連する無料学習の推奨事項: javascript (ビデオ)
以上がvue.jsにimgを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。