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="{&#39;background&#39;: `url(${$base.urlImage}${item.shufflingUrl})`,&#39;background-size&#39;:&#39;cover&#39;}"
                 ></div>

解決二

透過require引入圖片

r​​rreee

  <script>
      export default {
          data() {
              return {
                  imgUrl: {
                      src: require(&#39;../assets/images/index/banner.png&#39;),
                  }
              }
          }
      }
  </script>

以上就為兩個圖片引入不顯示的問題。希望對大家有幫助。

相關免費學習推薦：javascript（影片）

#

以上是vue.js怎麼引入img的詳細內容。更多資訊請關注PHP中文網其他相關文章！