我想在img src中获取变量值
我尝试的img路径是正确的,而没有正常工作的变量。
<img v-if="card.show" :src="'../../src/assets/kaarten/' + card.img + '.png'">
我确实收到了错误消息,但没有显示img。
答案 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`)">