拼接图片路径不显示:vue

下面这2中方法都不能显示图片 

<img :src="'@/assets/'+ scope.row.iconName+'.svg'" width="15"/>
<img :src="`@/assets/icons/${scope.row.iconName}.svg`" width="15"/>

而这样可以

<img src="@/assets/icons/sign.svg" width="15"/>

有可能是因为模板字符串中使用的路径格式不正确,或者是在模板字符串中拼接路径时出现了问题。在 Vue 模板中,使用模板字符串插入变量通常都是有效的,但有时可能会出现一些问题。

可以尝试一下这种写法:

<img :src="require(`@/assets/icons/${scope.row.iconName}.svg`)" width="15"/>

这种写法使用了 require 函数来动态加载图片资源,通常可以解决一些路径相关的问题。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值