Vue图片路径问题(动/静态引入:绝对路径、相对路径)

静态导入相对路径或绝对路径:

<img src="../../assets/1.png" />
<!-- 或者如下 -->
<img src="@/assets/1.png" />

动态导入相对路径或绝对路径:

<img :src="require('../../assets/' + imageUrl)" />
<img :src="require(`@/assets/${item.text}.png`)" alt="img"/>

注意绝对路径不能这样写:

<img :src="require(`${item.text}`)" alt="img"/>

猜你喜欢

转载自blog.csdn.net/weixin_51747462/article/details/128042309
今日推荐