vue.js怎么引入img

互联网 20-11-9

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>

解决二

通过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>

以上就为两种图片引入不显示的问题。希望对大家有帮助。