img src中的Vue js绑定变量

时间:2019-05-15 08:40:39

标签: vue.js

我想在img src中获取变量值

我尝试的img路径是正确的,而没有正常工作的变量。

<img v-if="card.show" :src="'../../src/assets/kaarten/' + card.img + '.png'">

我确实收到了错误消息,但没有显示img。

2 个答案:

答案 0 :(得分:0)

您是否尝试过相对引用资产目录?

像这样:

<img :src="'@/assets/kaarten/' + card.img + '.png'"/>

此外,card.show变量为true,不是吗?

答案 1 :(得分:0)

您需要要求路径,如下所示:

<img v-if="card.show" :src="require('../../src/assets/kaarten/' + card.img + '.png')">

或者更好的是,为了清楚起见,使用模板文字:

<img v-if="card.show" :src="require(`../../src/assets/kaarten/${card.img}.png`)">