vue.js+webpack 为 img src 赋值的路径问题解决方法

首先，如果使用的是img标签那么可以这样

data () {
    return {
        img: require('@/assets/SavingOverview/1.png')
    }
}

然后在template中

<img :src="img" />

如果使用的是背景图的方式，那么

可以这样

data () {
    return {
        img: require('@/assets/SavingOverview/1.png')
    }
}

<div :style="{backgroundImage: 'url(' + img + ')'}"></div>

或者直接在css中定义

background-image: url('path/to/your/source');