Vue图片路径问题(动/静态引入:绝对路径、相对路径)
Vue图片路径问题(动/静态引入:绝对路径、相对路径)require使用问题
·
静态导入相对路径或绝对路径:
<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"/>
更多推荐
已为社区贡献4条内容
所有评论(0)