鍍金池/ 問答/HTML/ require 引入動(dòng)態(tài)圖片

require 引入動(dòng)態(tài)圖片

<img class="headimg" :src="require('../../uploads/default.jpg')">

以上代碼沒有問題，但是改成如下寫法就出問題了

<img class="headimg" :src="require(imgurl2)">
data () {
    return {
      imgurl2: '../../uploads/default.jpg'
    }
},

結(jié)果報(bào)錯(cuò)Error: Cannot find module "."，求解，感謝！
補(bǔ)充：項(xiàng)目是用vue-cli搭建的，圖片地址是需要從接口獲取并拼接的

回答
編輯回答
北城荒

data() {

return {
    imgUrl: require('../a.png');
}

}

調(diào)用：
<img :src="imgUrl" />

2017年10月17日 01:17
編輯回答
醉淸風(fēng)

我記得 require 是不接受變量的。

個(gè)人理解是因?yàn)樗谴虬ぞ咚枰臉?biāo)識(shí)，你搞成運(yùn)行時(shí)通過變量去定義的話，它就沒辦法打包了啊。

2018年5月1日 21:47
編輯回答
維她命
<img :src="require(`../imgs/info_${item.id}.png`)" alt="" width="41px">
2018年5月3日 03:13