VUE动态绑定图片

BUG：

直接在DOM中使用 img 标签 <img src="../../common/image.png">

当我们需要动态传入图片路径时：

    <img :src="bookImg">
    data() {
        bookImg: '../../common/image/book-default.png'
    }
复制代码

这种操作找不到图片

---

FIX：

在路径前方加上require，让webpack可以找到它

bookImg: require('../../common/image/book-default.png')

转载于:https://juejin.im/post/5cbe77b36fb9a031f10c8bbf