vue.js怎么引入img-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

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>