下面这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
函数来动态加载图片资源,通常可以解决一些路径相关的问题。